CSS 的 border-color 属性用于设置元素边框的颜色。它可以接受单个值、两个值、三个值或四个值，每个值分别对应一个边框。
语法
border-color 属性的语法如下：
border-color: color | transparent | inherit;
其中 color 可以是以下形式之一：
- 预定义颜色名称（例如 red、green 等）
- 十六进制颜色代码（例如 #ff0000、#00ff00 等）
- RGB 颜色值（例如 rgb(255, 0, 0)、rgb(0, 255, 0) 等）
transparent 值表示透明颜色，而 inherit 值表示从父元素继承该属性的值。
对于多个边框的情况，可以使用以下语法：
border-top-color: color | transparent | inherit;
border-right-color: color | transparent | inherit;
border-bottom-color: color | transparent | inherit;
border-left-color: color | transparent | inherit;
这些属性分别对应元素的四个边框（上、右、下、左）。
示例
以下示例演示了如何使用 border-color 属性来设置元素的边框颜色：
/* 单个值 */
border-color: red;
/* 两个值 */
border-color: red green;
/* 三个值 */
border-color: red green blue;
/* 四个值 */
border-color: red green blue yellow;
/* 透明颜色 */
border-color: transparent;
/* 继承 */
border-color: inherit;
我们也可以分别对 border-top-color、border-right-color、border-bottom-color、border-left-color 设置样式，如下示例：
/* 单个值 */
border-top-color: red;
/* 两个值 */
border-right-color: green blue;
/* 三个值 */
border-bottom-color: red green blue;
/* 四个值 */
border-left-color: red green blue yellow;
注意事项
- 如果我们只需要设置边框的颜色属性，而不需要设置其他属性（例如线条粗细、线型等），则可以使用缩写形式：
border: 1px solid red; /* 等价于下面这行代码 */
border-color: red;
- 如果我们没有设置某个方向上的边框颜色，则该方向上的边框颜色将默认为该元素的文字颜色；
- 如果我们将 border-color 属性应用于表格单元格，则会同时设置该单元格的外侧和内侧边框颜色。
结论
在 CSS 中，border-color 属性用于设置元素边框的颜色。它可以接受单个值、两个值、三个值或四个值，并且可以针对每个边框分别设置颜色。使用 border-color 属性，我们可以轻松地定制元素的边框颜色，让网页看起来更加美观。