CSS的內邊框(border)屬性可以設置邊框的厚度、樣式和顏色,其中顏色屬性可以單獨設置內邊框的顏色。
.box { border: 2px solid; border-color: red green blue yellow; /* 分別為上、右、下、左邊框顏色 */ }
以上代碼為設置了四個方向的邊框顏色,如果只想設置內邊框顏色,則需要使用border屬性并將其他兩個屬性設為0。
.box { border: 0; border-top: 2px solid red; border-right: 0; border-bottom: 2px solid red; border-left: 0; }
以上代碼將除上下邊框外的其余邊框設置為0,并將內部的上下邊框的顏色設置為紅色。
需要注意的是,如果邊框樣式為dashed或dotted時,內邊框的顏色只能設置為一種顏色,而不能分別設置上下邊框的顏色。
在使用此方法設置內邊框顏色時,需要將border屬性設為0,而不是去掉border屬性,否則可能會出現瀏覽器兼容性問題。