html - 使用CSS在表格内制作边框

我需要在CSS内的表中制作边框，如图所示。左侧是我所拥有的，右侧是我需要的边框。

Here is我正在尝试做的小提琴。

起初，我想这样做

border-top: 1px solid rgb(72, 170, 230);

和边框左等样式应用于外部单元格。它仅适用于该侧没有其他单元的单元。但是，如果他们有邻居边界，“边”将不起作用。

最佳答案

使用rowspan和colspan可以执行。

的HTML

<td class="inner-table" rowspan="4" colspan="4">
      <table>
        <tr>
          <td class="mainTable"></td>
          <td class="mainTable"></td>
          <td class="mainTable"></td>
          <td class="mainTable"></td>
        </tr>

的CSS

.inner-table{
  background: #fff;
  border: 1px solid rgb(72, 170, 230);
}

https://jsfiddle.net/0gzp3jb1/2/

关于html - 使用CSS在表格内制作边框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/50180495/