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)