在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 >

 

这是效果：

属性网格

单位： 龙骑 狂热者

颜色： 红色 蓝色