230问答网 > CSS如何给Table 内部水平和垂直边框定义不同的颜色样式？

CSS如何给Table 内部水平和垂直边框定义不同的颜色样式？

2025-01-04 09:31:32

推荐回答（1个）

回答1：

同理啊。
还是用border定义

如果页面中的所有表格都要定义的话，可以如下定义：
table {
border-top:1px solid #F00; /*上部边框*/
border-bottom:1px solid #F00; /*下部边框*/
border-left:1px solid #000; /*左部边框*/
border-right:1px solid #000; /*右部边框*/
}

如果只定义某个table，可以如下定义：

.colorfultable {
border-top:1px solid #F00; /*上部边框*/
border-bottom:1px solid #F00; /*下部边框*/
border-left:1px solid #000; /*左部边框*/
border-right:1px solid #000; /*右部边框*/
}

===============
如果页面中的所有表格内都要定义的话，可以如下定义：
table td {
border-top:1px solid #F00; /*上部边框*/
border-bottom:1px solid #F00; /*下部边框*/
border-left:1px solid #000; /*左部边框*/
border-right:1px solid #000; /*右部边框*/
}

如果只定义某个table，可以如下定义：

.colorfultable td {
border-top:1px solid #F00; /*上部边框*/
border-bottom:1px solid #F00; /*下部边框*/
border-left:1px solid #000; /*左部边框*/
border-right:1px solid #000; /*右部边框*/
}