html表格没有左边框,让Table的TD有边框而Table右左没有边框的CSS样式
时间: 2024-05-05 16:21:58 浏览: 193
CSS样式简单实现Table没有外边框只有内边框
可以使用以下的 CSS 样式来实现:
```
table {
border-collapse: collapse; /* 合并表格边框 */
border-spacing: 0; /* 边框间距为 0 */
margin: 0 auto; /* 居中显示 */
}
td {
border: 1px solid #000; /* 设置 td 边框样式 */
}
table td:first-child {
border-left: none; /* 第一列 td 去掉左边框 */
}
table td:last-child {
border-right: none; /* 最后一列 td 去掉右边框 */
}
```
这样,表格的 td 元素会有边框,而表格的左右两侧不会有边框。
阅读全文