border 表示盒子的邊框
分為四個方向： top---上面 right---右面 bottom---下面 left---左面
取值方式：border-top border-right border-bottom border-left
每個邊都包含三種屬性：color---顏色 width---粗細 style---樣式
寫法如：border-top-color:red 設定上邊框顏色為紅色
border-top-width:10px 設定上邊框框線為10px寬
border-top-style:solid 設定上邊框框線為實線
常用框線屬性有：solid---實線 dashed---虛線 dotted---點線 double---雙線
inset---內嵌3d線 outset---外嵌3d線
簡寫的三種形式：
·按方向簡寫：
border-方向:width style color
·按樣式簡寫:
border-color border-width border-style
原則上寫四個值，分別表示上右下左（按順時針方向表示）方向
僅有乙個值時表示四個邊設定相同的屬性
有兩個值時，表示的是上邊和左邊（順時針方向表示），未設值的下邊和上邊數值相同，未設值的左邊和右邊數值相同
有三個值時，表示的是上邊、右邊、下邊（順時針方向表示），未設值的左邊和右邊數值相同
·終極簡寫方式
border:粗細 樣式 顏色 同時對四條邊設定相同的屬性（空格隔開）
padding---內邊框距離
表示盒子裡的內容與邊框之間的距離
同樣也分為四個方向，也可以簡寫
原則上寫四個值，分別表示上右下左（按順時針方向表示）方向
僅有乙個值時表示四個邊設定相同的屬性
有兩個值時，表示的是上邊和左邊（順時針方向表示），未設值的下邊和上邊數值相同，未設值的左邊和右邊數值相同
有三個值時，表示的是上邊、右邊、下邊（順時針方向表示），未設值的左邊和右邊數值相同
ps：當上下邊衝突時以上邊為準，左右衝突時以左為準
magin----外邊框距離
表示盒子與盒子之間的距離 用法和padding（內邊距）相同
css盒子模型 CSS 盒子模型
css 盒子模型基本上是面試的必考題，因為實在是太重要了。以前寫 css 總是感覺元素的寬高十分難調，其中乙個很大的問題就是忽略了盒子模型的重要性。說到 css 盒子模型，你可能會說我知道呀，就是 margin 包 border,border 包 padding,padding 包 content ...
盒子模型和css屬性
2.對於盒子模型來說，通常是由 內容模組 內邊距 邊框 外邊距四部分組成，對應現實生活中的蛋糕盒，我們可以發現 蛋糕盒裡面的蛋糕就相當於內容模組，蛋糕和包裝盒之間的距離我們可以認為是內邊距，包裝盒那層薄薄的紙可以認為是邊框，蛋糕盒和其他蛋糕盒的距離可以認為是外邊距。css盒子模型 3.所以對於盒子模...
CSS盒子模型相關屬性
在css屬性中，boder style屬性用於設定邊框樣式 語法結構 border style 上邊 右邊 下邊 左邊 在設定邊框樣式時既可以針對四條邊分別設定，也可以綜合設定四條邊的樣式。boder style屬性的常用屬性值有4個，分別用於定義不同的顯示樣式，具體如下。使用boder style...