css給div加邊框顏色

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，邊框顏色才會顯示並有存在意義。 幼兒園設計

如：


.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;

}