元素外邊距內就是元素的的邊框 (border)。元素的邊框就是圍繞元素內容和內邊據的一條或多條線。每個邊框有 3 個方面：寬度、樣式，以及顏色。下面我們就來看一下css設置邊框顏色的方法。

css可以使用border-color屬性來設置邊框顏色。border-color 屬性是一個簡寫屬性，可設置一個元素的所有邊框中可見部分的顏色，或者為 4 個邊分別設置不同的顏色。

css設置邊框顏色的方法：

p.one

{

border-style: solid;

border-color: #0000ff

}

p.two

{

border-style: solid;

border-color: #ff0000 #0000ff

}

p.three

{

border-style: solid;

border-color: #ff0000 #00ff00 #0000ff

}

p.four

{

border-style: solid;

border-color: #ff0000 #00ff00 #0000ff rgb(250,0,255)

}

One-colored border!

Two-colored border!

Three-colored border!

Four-colored border!

注釋："border-width" 屬性如果單獨使用的話是不會起作用的。

請首先使用 "border-style" 屬性來設置邊框。

效果圖：

border-color屬性值：color_name 規定顏色值為顏色名稱的邊框顏色(比如 red)。

hex_number 規定顏色值為十六進制值的邊框顏色(比如 #ff0000)。

rgb_number 規定顏色值為 rgb 代碼的邊框顏色(比如 rgb(255,0,0))。

transparent 默認值。邊框顏色為透明。

inherit 規定應該從父元素繼承邊框顏色。

總結

以上是生活随笔為你收集整理的html边框自动变颜色,css怎么设置边框颜色？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。