如何給邊界一個標題？

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。