zoukankan      html  css  js  c++  java
  • 在HTML中实现类似WinForm的GroupBox效果

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

    这是效果:

    属性网格
    单位:
    颜色:
  • 相关阅读:
    02-MySQL的安装和管理
    01-pymysql模块的安装
    异常处理
    USACO 2015 Feb Censoring
    玄武密码(bzoj4327)(JSOI2012)
    浅谈AC自动机
    Equation
    JOI五子棋
    浅谈Tarjan
    年轮蛋糕JOI2014Final
  • 原文地址:https://www.cnblogs.com/Ricky81317/p/1417833.html
Copyright © 2011-2022 走看看