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>

    这是效果:

    属性网格
    单位:
    颜色:
  • 相关阅读:
    数据库乐观锁应用
    maven 引入本地jar
    GTS 分布式事务
    redis 做冥等
    服务器 启动命令
    pgAdmin4的应用
    PostgreSQL 分区
    压测工具
    BigDecimal 比较大小
    移动端px转化为rem
  • 原文地址:https://www.cnblogs.com/Ricky81317/p/1417833.html
Copyright © 2011-2022 走看看