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!欢迎交流!
  • 相关阅读:
    springboot
    POI/JFreeChart
    ssm(6)spring-test
    DBUtils与BeanUtils
    数据连接池C3P0/DBCP/DRUID/自定义连接池
    web核心(3)响应头请求头状态码及dns解析过程
    log4j/Logback/SLF4j
    ssm(4)整合
    列表字典元组方法
    第四天 Python基础语法 编码规范 变量
  • 原文地址:https://www.cnblogs.com/mahaisong/p/2184024.html
Copyright © 2011-2022 走看看