table tr td 线颜色一样宽度不重叠
时间: 2023-10-05 17:11:29 浏览: 109
多个div中table的tdwidth设置一样也不法对齐
要让 table 中的 tr 和 td 线颜色一样且宽度不重叠,可以设置 table 的 border-collapse 属性为 collapse,然后设置 td 的 border 和 padding 属性,如下所示:
```html
<style>
table {
border-collapse: collapse;
}
td {
border: 1px solid black;
padding: 10px;
}
</style>
<table>
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
</tr>
<tr>
<td>Cell 3</td>
<td>Cell 4</td>
</tr>
</table>
```
这样就可以实现 table 中的 tr 和 td 线颜色一样且宽度不重叠的效果。
阅读全文