HTML 表格中特定列的边框

Question

如何在 HTML 表格中的列周围添加边框？我们是否使用 colspan 来执行此类函数？

Answer 1

下面是一个列边框示例，未对每行的同一列设置样式。更多参考请
参见。<colgroup>

table {
  border-collapse: collapse;
}
.outlined {
  border: 1px solid blue;
}

<table>
  <colgroup>
    <col>
    <col class="outlined">
    <col span="3">
  </colgroup>
  <tr>
    <td>First</td>
    <td>Second</td>
    <td>Third</td>
    <td>Fourth</td>
    <td>Fifth</td>
  </tr>
  <tr>
    <td>First</td>
    <td>Yellow</td>
    <td>Third</td>
    <td>Fourth</td>
    <td>Fifth</td>
  </tr>
  <tr>
    <td>First</td>
    <td>Yellow</td>
    <td>Third</td>
    <td>Fourth</td>
    <td>Fifth</td>
  </tr>
</table>