日期:2014-05-17  浏览次数:20660 次

请教大家,这个样式如何实现?



上图中的机具信息和收货人信息这个框。

使用了什么技术实现?

easyUI中是否有相似的样式?

Div+Css要怎么写?
------解决方案--------------------
<fieldset>
<legend>机具信息</legend>
<div> 底下的表单</div>
</fieldset>
------解决方案--------------------
两种方式:
一、fieldset标签:<fieldset><legend style="margin-left:20px;">机具信息</legend><div></div></fieldset>
二、div+css:如机具信息是一个div,这个div使用绝对定位position:absolute,left:,top:。这里的left和top需要你根据显示内容的div计算得到
------解决方案--------------------
 <fieldset style="-moz-border-radius:1px;border-radius:6px;">
    <legend>机具信息</legend>
    机具信息:<input type="text" />
 机具信息:<input type="text" />
  </fieldset>

------解决方案--------------------
<fieldset>
<legend>机具信息</legend>
<div> 底下的表单</div>
</fieldset>