CSS 参考手册 目录

CSS border-color 属性

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

语法

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

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

示例

-- --------- --
------------- ----

-- ---------- --
------------- --- ----- ---- -------

-- ----------------- --
------------- --- ---- --- -----

注意事项

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

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


上一篇:CSS 属性 border-collapse
下一篇:CSS 属性 border-image