html table设置边框

HTML表格可以使用CSS样式表来设置边框。

下面是一个基本的HTML表格及其CSS样式表：

<table>
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>性别</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>25</td>
    <td>男</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>30</td>
    <td>女</td>
  </tr>
</table>

<style>
  table {
    border-collapse: collapse; /* 合并表格边框 */
    width: 100%; /* 表格宽度 */
    text-align: center; /* 文字居中 */
  }
  th, td {
    border: 1px solid black; /* 设置表格边框 */
    padding: 5px; /* 单元格内边距 */
  }
  th {
    background-color: gray; /* 表头背景色 */
    color: white; /* 表头文字颜色 */
  }
</style>

上述代码将创建一个带有边框的HTML表格，如下所示：

姓名 年龄 性别

张三 25 男

李四 30 女

在CSS样式表中，我们使用`border`属性设置表格边框的样式、宽度和颜色。`padding`属性用于设置单元格内边距，以便在单元格内放置内容时有一定的空间。`border-collapse`属性用于合并相邻的表格边框，使表格看起来更整洁。