css怎麼設定div邊框顏色

css設定div邊框顏色的方法：先建立一個HTML範例檔案；然後定義一個div；最後透過為該div添加「border-color」或「border-left-color」等屬性來設定邊框顏色即可。

本文操作環境：Windows7系統、HTML5&&CSS3版、Dell G3電腦。

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

效果：

#三個邊框值空格間隔開

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

【推薦學習：CSS影片教學】

以上是css怎麼設定div邊框顏色的詳細內容。更多資訊請關注PHP中文網其他相關文章！