如何在 HTML 中创建表格边框?

htmlweb developmentfront end technology更新于 2025/3/25 8:44:17

要在 HTML 中创建表格边框，可以使用 border 属性。但是，HTML5 的推出弃用了 border 标签。使用 CSS 属性 border 创建表格边框。设置表格边框以及 <th> 和 <td> 的边框。

示例

您可以尝试运行以下代码，在 HTML 中为表格创建边框。我们在这里使用 <style> 标签:

<!DOCTYPE html>
<html>
   <head>
      <style>
         table, th, td {
            border: 1px solid black;
         }
      </style>
   </head>
   <body>
      <h1>Employee Details</h1>
      <table>
         <tr>
            <th>Name</th>
            <td>Amit</td>
            <td>Sachin</td>
         </tr>
         <tr>
            <th>Age</th>
            <td>27</td>
            <td>34</td>
         </tr>
      </table>
   </body>
</html>