border-color
属性用于设置元素的边框颜色。可以一次性设置四个边框的颜色,也可以分别设置每个边框的颜色。
语法
------------- ------ ------ ------ -------
color1
:设置上边框颜色color2
:设置右边框颜色color3
:设置下边框颜色color4
:设置左边框颜色
值
color
:可以使用任何合法的 CSS 颜色值,如十六进制、RGB、RGBA、HSL、HSLA 或颜色关键词。
示例
-- --------- -- ------------- ---- -- ---------- -- ------------- --- ----- ---- ------- -- ----------------- -- ------------- --- ---- --- -----
注意事项
- 如果设置的边框颜色值少于四个,则会循环使用设置的值。
- 如果设置的值无效,则边框颜色将会继承父元素的颜色。
以上是关于 CSS 属性 border-color
的详细介绍。在实际开发中,根据需要合理设置边框颜色可以使页面看起来更加美观。