css怎樣給div加邊框顏色

1、css為div四個邊分別添加邊框border-color:#000(設置4邊邊框顏色為黑色)

border-color:+顏色值，即可設置對象邊框顏色

border-left-color:#000 設置左邊框顏色為黑色

border-right-color:#000 設置右邊框顏色為黑色

border-top-color:#000 設置上邊框顏色為黑色

border-bottom-color:#000 設置下邊框顏色為黑色

條件：必須設置對象邊框存在，設置邊框寬度必須大于或等于1px，邊框顏色才會顯示并有存在意義。

(推薦學習：CSS視頻教程)

如：.div{

border-style: solid;

border-width: 1px;

border-color: #000;

}

這樣就設置對象邊框為實線邊框，邊框寬度(厚度)為1px，邊框顏色為黑色，這樣設置邊框顏色才會生效。

二、邊框顏色樣式設置縮寫簡化.div{

border-style:solid;

border-width:1px;

border-color:#000;

}

這樣設置了“.div”對象邊框樣式，我們可以簡寫.div{

border:solid 1px #000;

}

效果：

三個邊框值空格間隔開

縮寫邊框顏色樣式代碼可以為您節約代碼，減少CSS代碼量。

更多CSS相關技術文章，請訪問CSS3答疑欄目進行學習！