在利用ASP.NET的Web部件时,发现编辑控件有GroupBox的效果,以前一直不知道怎么才能在Web中做出这种效果,现在终于知道了。用以下HTML代码就可以,关键是fieldset和legend标签:
<fieldset style="border-color:#E2DED6;border-1px;border-style:Solid;">
<legend style="color:#333333;font-size:0.8em;font-weight:bold;">
属性网格
</legend>
<div style="margin-left:10px">
单位:
<select>
<option>龙骑</option>
<option>狂热者</option>
</select>
</div>
<div style="margin-left:10px">
颜色:
<select>
<option>红色</option>
<option>蓝色</option>
</select>
</div>
</fieldset>
<legend style="color:#333333;font-size:0.8em;font-weight:bold;">
属性网格
</legend>
<div style="margin-left:10px">
单位:
<select>
<option>龙骑</option>
<option>狂热者</option>
</select>
</div>
<div style="margin-left:10px">
颜色:
<select>
<option>红色</option>
<option>蓝色</option>
</select>
</div>
</fieldset>
这是效果: