border-color 是 CSS 的属性之一,用于设置元素边框的颜色。该属性可以单独设置边框的颜色,也可以设置边框的各个边的颜色。

语法示例:
/* 设置所有边框的颜色为红色 */
element {
  border-color: red;
}

/* 设置各个边框的颜色,按顺序为 top right bottom left */
element {
  border-color: red green blue yellow;
}

/* 设置各个边框的颜色,使用关键字 */
element {
  border-color: top-color right-color bottom-color left-color;
}

具体来说,你可以使用颜色值(如颜色名称、十六进制、RGB等)或者关键字(如 transparent 表示透明)来设置边框颜色。
/* 使用颜色值设置边框颜色 */
element {
  border-color: #336699;
}

/* 使用关键字设置透明边框 */
element {
  border-color: transparent;
}

需要注意的是,如果你只指定一个颜色值,那么所有四个边框的颜色都会被设置为相同的值。如果你指定多个值,它们将按照 top、right、bottom、left 的顺序应用到相应的边框。


转载请注明出处:http://www.zyzy.cn/article/detail/4126/CSS