習慣養成：用ps測量寬高時 不包含border
1，border（邊框）
border：1px solid #000；
（粗細） （樣式） （顏色）
頁面自動設定樣式border-top-color: green;
border-top-style: solid;
border-top-width: 1px;
border-right-color: green;
border-right-style: solid;
border-right-width: 1px;
border-bottom-color: green;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: green;
border-left-style: solid;
border-left-width: 1px;
solid 實線
dotted 點線
dashed 虛線
顏色關鍵字：green ，red，blue
rgb（）
16進製制：#000000 #000
2，邊框的方向
top left right bottom
border-top-color
border-top-style:solid
border-top-width
3，單獨一條邊框的形狀：非矩形
當同乙個元素身上相鄰兩條邊框的顏色不一樣的時候會出現斜角
border-width
border-color
四個方向，可以寫1~4個值（順時針）
乙個值 四條邊的（顏色）或者（寬度）都是一樣
兩個值 第乙個值：上下兩條邊， 第二個值：左右兩條邊
三個值 第乙個值：上 第二個值：左右 第三個值：下
四個值 上 右 下 左
例子：border-width：10px 20px 30px 40px；
4，邊框三角形
div{透明width:0;
height:0;
border-width:10px;
border-style:solid;
border-color:transparent transparent #f0a238;
邊框三角形的寬度 取決於相鄰兩條邊框的寬度(左右相加20px)
邊框三角形的高度 取決於自身的邊框寬度（底部寬10px）
CSS 邊框 border 例項
所有邊框屬性在乙個宣告之中 本例演示用簡寫屬性來將所有四個邊框屬性設定於同一宣告中。設定四邊框樣式 本例演示如何設定四邊框樣式。設定每一邊的不同邊框 本例演示如何在元素的各邊設定不同的邊框。所有邊框寬度屬性在乙個宣告之中 本例演示用簡寫屬性來將所有邊框寬度屬性設定於同一宣告中。設定四個邊框的顏色 本...
css 盒子邊框 border
1 css 邊框屬性 border width border style border color 1.1 邊框樣式 border style border style 值 none 預設無邊框 dotted 定義乙個點線邊框 dashed 定義乙個虛線邊框 solid 定義實線邊框 1.2邊框顏色...
CSS 邊框 border 例項
css 邊框 border 例項 元素的邊框 border 是圍繞元素內容和內邊距的一條或多條線。css border 屬性允許你規定元素邊框的樣式 寬度和顏色。css 邊框屬性 屬性 描述 border 簡寫屬性，用於把針對四個邊的屬性設定在乙個宣告。border style 用於設定元素所有邊框...