如何给边界一个头衔？

Question

我猜它真的很简单，但我找不到，因为我不知道它是怎么调用的。 我想用标题制作边框，如下所示：

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

Answer 1

您可以使用<fieldset>和<legend>标记来实现此目标，如下面的代码所示this answer：

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 2

我认为你会选择这样的事情：

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

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

另见this Fiddle。