css邊框顏色樣式設置 css border顏色
編輯：布局基本知識
DIV CSS邊框顏色樣式設置改變
css border邊框樣式可設置邊框寬度、邊框樣式（css邊框虛線、css邊框實線）、顏色樣式。而css邊框顏色只有設置邊框寬度，設置邊框顏色才能實現。
一、快速認識border邊框
border語法：
border : border-width border-style border-color
如：
border:2px solid #00F
設置邊框2px寬、實線（solid）、藍色（#00F）
可拆分：
border-width:2px;border-color:#00F;border-style:solid
很顯然一般設置一個邊框屬性需要設置3個值才能算是完整設置css border樣式。而拆分的邊框代碼樣式通常需要縮寫border代碼，達到代碼簡化節約代碼目的。
二、div css邊框顏色設置實例
這裡設置兩個DIV盒子，一個設置2px寬實線紅色邊框、一個設置4px寬虛線藍色邊框。
1、完整HTML+CSS設置邊框顏色實例代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ThinkCSS 設置邊框顏色實例</title>
<style>
.expa{border:2px solid #F00}
.expb{border:4px dashed #00F}
</style>
</head>
<body>
<div class="expa">ThinkCSS 我在設置邊框顏色為紅色</div>
<div class="expb">設置邊框顏色為藍色</div>
</body>
</html>
以上css邊框顏色實例代碼，可直接拷貝實踐過程效果。
2、css border邊框顏色設置效果截圖
DIV CSS邊框顏色設置實例效果截圖
三、css div邊框顏色樣式設置總結
邊框顏色設置很簡單，根據需求設置需要顏色值即可，設置顏色值時候，記得“#”井號不要丟掉，不然設置顏色值無效。
關於邊框顏色擴展閱讀：
1、css color
2、css border-bottom 下邊框
3、css下劃線顏色設置
4、css 字體顏色設置
5、css字體顏色代碼
6、css border-right 右邊框
7、css邊框大小
8、css虛線下劃線
小編推薦
熱門推薦