zoukankan      html  css  js  c++  java
  • 带表题的表格。很美观哦……HTML标签 fieldset

    HTML <fieldset> 标签

    定义和用法

    fieldset 元素可将表单内的相关元素分组。

    <fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。

    当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。

    <fieldset> 标签没有必需的或唯一的属性。

    <legend> 标签为 fieldset 元素定义标题。

    <html>
    
    <body>
     <style type="text/css">
            fieldset
            {
                padding: 0;
                margin-top: 0px;
                 300px;
                border: 1px solid #A4CDF2;
                background: #fff;
            }
            fieldset legend
            {
                color: #1E7ACE;
                font-weight: bold;
                padding: 3px 20px 3px 20px;
                border: 1px solid #A4CDF2;
                background: #fff;
            }
            .maintable
            {
                position: absolute;
            }
            #show
            {
                position: absolute;
                top: 25px;
                right: 0px;
                z-index: 2;
            }
            .hight
            {
                color: #135294;
                font-weight: bold;
            }
        </style>
    <fieldset>
    <legend>最开心:</legend>
    <form>
    <label>学习:<input type="text" /></label></br>
    <label>睡觉:<input type="text" /></label>
    </form>
    </fieldset>
    
    <p>如果表单周围没有边框,说明您的浏览器太老了。</p>
    
    </body>
    </html>
    
    本人声明: 个人主页:沐海(http://www.cnblogs.com/mahaisong) 以上文章都是经过本人设计实践和阅读其他文档得出。如果需要探讨或指教可以留言或加我QQ!欢迎交流!
  • 相关阅读:
    Kubernetes 内存资源限制实战
    kubernetes 资源管理概述
    终于对探针下手了
    容器和容器云
    理解 Kubernetes volume 和 共享存储
    理解 docker volume
    docker 镜像管理之 overlay2 最佳实践
    docker 资源限制之 cgroup
    Debug Assertion Failed!
    Qt 字符串转md5
  • 原文地址:https://www.cnblogs.com/mahaisong/p/2184024.html
Copyright © 2011-2022 走看看