带表题的表格。很美观哦……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！欢迎交流！