如何在表格内应用边框？

在表格设计中，边框可以帮助我们更好地组织信息，使表格看起来更有条理、更美观。下面我们将介绍如何在表格内应用边框。

使用HTML语言添加边框

我们可以通过在HTML代码中添加border属性来为表格添加边框。border属性的值即为边框的宽度，常用的数值为0（无边框）、1、2、3等。下面是一个示例代码：

<table border="1">
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>性别</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>20</td>
    <td>男</td>
  </tr>
  <tr>
    <td>李四</td>
    <td>22</td>
    <td>女</td>
  </tr>
</table>

上述代码会生成一个带有边框的表格，效果如下：

使用CSS样式为表格添加边框

除了使用HTML语言中的border属性，我们还可以使用CSS样式来为表格添加边框。在CSS样式中，我们可以使用border属性为表格、表头和单元格设置不同的边框样式和宽度。

下面是一个示例代码：

<style>
table {
  border-collapse: collapse;  /* 合并表格边框 */
}
th, td {
  border: 1px solid black;
  padding: 8px;  /* 设置单元格的内边距 */
  text-align: center;  /* 设置单元格中的文本居中 */
}
</style>

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

上述代码会生成一个带有边框的表格，效果如下：

总结

以上就是如何为表格应用边框的两种方法。使用HTML语言的border属性可以快速简便地为表格添加边框，而使用CSS样式则可以更加灵活地控制边框的样式和宽度。根据实际需求选择合适的方法即可。