在HTML中实现类似WinForm的GroupBox效果

在利用ASP.NET的Web部件时，发现编辑控件有GroupBox的效果，以前一直不知道怎么才能在Web中做出这种效果，现在终于知道了。用以下HTML代码就可以，关键是fieldset和legend标签：

<fieldset style="border-color:#E2DED6;border-width: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>

 

这是效果：

属性网格

单位： 龙骑 狂热者

颜色： 红色 蓝色