CSS border-color 属性

border-color 属性用于设置元素的边框颜色。可以一次性设置四个边框的颜色，也可以分别设置每个边框的颜色。

语法

border-color: color1 color2 color3 color4;

• color1：设置上边框颜色
• color2：设置右边框颜色
• color3：设置下边框颜色
• color4：设置左边框颜色

值

• color：可以使用任何合法的 CSS 颜色值，如十六进制、RGB、RGBA、HSL、HSLA 或颜色关键词。

示例

/* 设置所有边框为红色 */
border-color: red;

/* 分别设置每个边框颜色 */
border-color: red green blue yellow;

/* 设置上下边框为红色，左右边框为蓝色 */
border-color: red blue red blue;

注意事项

• 如果设置的边框颜色值少于四个，则会循环使用设置的值。
• 如果设置的值无效，则边框颜色将会继承父元素的颜色。

以上是关于 CSS 属性 border-color 的详细介绍。在实际开发中，根据需要合理设置边框颜色可以使页面看起来更加美观。