使用CSS在表格内创建边框

时间:2018-05-04 17:45:52

标签: html css

我需要在CSS中创建一个带有CSS的边框,如图所示。左边是我的,右边是我需要的边界。

Here is我试图这样做的小提琴。

起初,我想用

做这件事
border-top: 1px solid rgb(72, 170, 230);
应用于外部单元格的

和border-left等样式。它仅适用于那一侧没有其他单元格的单元格。但如果他们有邻居边界 - “边”不起作用。

What I need

2 个答案:

答案 0 :(得分:1)

使用rowspancolspan即可执行。

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/

答案 1 :(得分:0)

似乎你正在寻找边界“双”

.div {
width: 100px;
height: 100px;
background-color: red;
border: 10px double black;
}

https://jsfiddle.net/9qw925d5/2/ `