border-color 属性用于设置元素边框的颜色。它可以设置一个或多个颜色值,每个值对应一个边框(顺序为 top, right, bottom, left)。如果只指定了一个值,则该值适用于所有边框。
以下是 border-color 的语法:
border-color: color|transparent|initial|inherit;
color:指定一个颜色值,可以是一个十六进制值、RGB 值、颜色名等等。
transparent:设置边框颜色为透明。
initial:将边框颜色设置为默认值。
inherit:从父元素继承边框颜色。
以下是一个示例:
.border-example {
border: 2px solid;
border-color: red green blue yellow;
}
这将设置一个 2 像素宽的实线边框,颜色分别为红、绿、蓝、黄,按照顺序应用于上、右、下、左四个边框。
如果只想为其中的某几个边框设置颜色,可以通过以下方式来指定:
.border-example {
border: 2px solid;
border-color: red green;
}
这将为上边框和右边框分别设置为红色和绿色,而左边框和下边框则使用默认颜色。