如何给边框一个标题？ [复制]

Question

我想它真的很简单，但我找不到它，因为我不知道它是如何被调用的。 我想用标题做一个边框，像这样：

----TITLE_HERE----------------------------------

Answer 1

您可以使用<fieldset> 和<legend> 标签来实现这一点，如下面的代码所示，来自this answer：

<div id="form" style="width:350px;">
    <fieldset>
        <legend style="color:blue;font-weight:bold;">General Information</legend>
        <table>
            <tr>
                <td><span style="text-decoration:underline">C</span>hange Password To:</td>
                <td><input type="text"/></td>
            </tr>
            <tr>
                <td><span style="text-decoration:underline">C</span>onfirm Password:</td>
                <td><input type="text"/></td>
            </tr>
        </table>
    </fieldset>
</div>

Answer 2

我认为你会这样做：

fieldset {
    border : none;
    border-top : 1px solid #000;
}

<fieldset>
    <legend>Title</legend>
    Here is some demo content
</fieldset>

---

另见this Fiddle。