我需要在CSS中创建一个带有CSS的边框,如图所示。左边是我的,右边是我需要的边界。
Here is我试图这样做的小提琴。
起初,我想用
做这件事border-top: 1px solid rgb(72, 170, 230);
应用于外部单元格的和border-left等样式。它仅适用于那一侧没有其他单元格的单元格。但如果他们有邻居边界 - “边”不起作用。
答案 0 :(得分:1)
使用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);
}
答案 1 :(得分:0)
似乎你正在寻找边界“双”
.div {
width: 100px;
height: 100px;
background-color: red;
border: 10px double black;
}