[分享]css中如何给table加边框颜色

今天我们来学习一下如何给table表格加边框颜色。在CSS中，我们可以使用border属性来定义表格的边框样式。首先，我们需要在HTML中创建一个table元素，并为其添加一些内容： 姓名 年龄 性...

今天我们来学习一下如何给table表格加边框颜色。在CSS中，我们可以使用border属性来定义表格的边框样式。
首先，我们需要在HTML中创建一个table元素，并为其添加一些内容：

<table>
  <tr>
    <th>姓名</th>
    <th>年龄</th>
    <th>性别</th>
  </tr>
  <tr>
    <td>小明</td>
    <td>18岁</td>
    <td>男</td>
  </tr>
  <tr>
    <td>小红</td>
    <td>20岁</td>
    <td>女</td>
  </tr>
</table> 

接下来，我们需要在CSS中定义表格的边框样式。我们可以使用以下代码：

table {
  border-collapse: collapse;
  border: 2px solid #000;
}

th, td {
  border: 1px solid #000;
  padding: 10px;
} 

在这个例子中，我们使用了border-collapse属性来消除表格中单元格之间的间隙，并使用border属性为表格本身定义了一个宽度为2像素的边框。同时，我们也为表格中的th和td添加了一个像素宽度的边框，并给它们的内容增加了一些内边距。
综上，我们可以通过CSS的border属性，对table表格进行边框样式的调整，并为表格单元格增加间隔和内边距。这样可以让我们的表格更加美观和易读。