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

 

这是效果:

属性网格
单位:
颜色:

posted on 2009-03-20 16:57  零度的火  阅读(2840)  评论(0编辑  收藏  举报

导航