border-color · 跟老司机学CSS3

**border-color** * 描述：设置对象边框的颜色。 * 版本：CSS1 * 继承性：无 **语法** ``` border-color: 颜色; ``` 颜色种类 * transparent：默认。背景颜色为透明。 * color name：设置颜色值为颜色名称的背景颜色，比如：red。 * hex number：设置颜色值为十六进制值的背景颜色，比如：#ffff00。 * rgb number：设置颜色值为 rgb 代码的背景颜色，比如：rgb(255,255,0)。 * inherit：继承父元素 background-color 属性的设置。 **使用说明** 提供四个参数值，将按上、右、下、左的顺序作用于四边。提供三个参数值，第一个用于上，第二个用于左、右，第三个用于下。提供两个参数值，第一个用于上、下，第二个用于左、右。如果只提供一个，将用于全部的四边。当 border-width 等于 0 或 border-style 为 none，本属性将被忽略。 **代码示例** ``` <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>border-color</title> <style> #container{ width: 50px; height: 50px; border-width: 5px; border-style: dotted dashed double solid; border-color: red rgb(255,255,0) #FF6600 #336600; } </style> </head> <body> <div id="container"> </div> </body> </html> ``` ![border-color](https://box.kancloud.cn/4cfe05dff5f24ae0a55f7144d7b50043_82x73.png)