如何给边界一个标题？

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。