如何在 HTML 中顯示元素邊框厚度?


使用 HTML 中的 border 屬性來顯示邊框厚度。

注意 − 該屬性在 HTML5 中不受支援。

示例

你可以嘗試執行以下程式碼來學習如何在 HTML 中實現 border 屬性 −

<!DOCTYPE html>
<html>
   <body>
      <h2>Cricketers</h2>
      <table style="width:100%" border="1">
         <th>Name</th>
         <tr>
            <td>Sachin Tendulkar</td>
         </tr>
         <tr>
            <td>Virat Kohli</td>
         </tr>
      </table>
   </body>
</html>

轉而使用 CSS,因為 border 屬性在 HTML5 中已棄用。

<!DOCTYPE html>
<html>
   <head>
      <style>
         table, th, td {
            border: 1px solid black;
         }
      </style>
   </head>
   <body>
      <h2>Cricketers</h2>
      <table style="width:100%">
         <caption>Indian Cricketers</caption>
         <th>Name</th>
         <tr>
            <td>Sachin Tendulkar</td>
         </tr>
         <tr>
            <td>Virat Kohli</td>
         </tr>
      </table>
   </body>
</html>

更新於: 02-03-2020

126 次瀏覽

開啟您的職業

透過完成課程獲得認證

開始
廣告
© . All rights reserved.