線條粗細
border-width:畫素值
邊框樣式
border-style:線條樣式
邊框顏色
border-color
設定所有邊框
border: 線條粗細 邊框樣式 邊框顏色
設定單方向邊框
border-top:線條粗細 邊框樣式 邊框顏色
border-bottom:線條粗細 邊框樣式 邊框顏色
border-left:線條粗細 邊框樣式 邊框顏色
border-right:線條粗細 邊框樣式 邊框顏色
取消邊框
border:none
透明的邊框
border-color:transparent
none | hidden | dotted | dashed | solid |
double
| groove | ridge | inset | outset
padding: 上下左右值
padding: 上下值 左右值
padding: 上值 左右值 下值
padding: 上值 右值 下值 左值
margin: 上下左右值
margin: 上下值 左右值
margin: 上值 左右值 下值
margin: 上值 右值 下值 左值
上下兩個盒子，上盒子有下外邊距，下盒子有上外邊距
最終兩個盒子的垂直間距，以大的為準
對父盒子進行樣式設定
1，設定上邊框
2，設定上填充
3，設定overflow:hidden
html盒子模型 jquery盒子模型
最近學了jquery的盒子模型之後，感覺真的顛覆我之前對盒子模型的看法，我在最初以為盒子模型只存在於html,我們就來看看他們有何區別。1.html盒子模型 如果說js裡面萬物皆是物件，那麼html裡面的萬物皆是盒子。不是盒子的我們也可以用dispiay block 變成盒子。那他的盒子是怎麼計算的...
html盒子模型
什麼是css的盒子模式呢？為什麼叫它是盒子？先說說我們在網頁設計中常聽的屬性名 內容 content 填充 padding 邊框 border 邊界 margin css盒子模式都具備這些屬性。這些屬性我們可以把它轉移到我們日常生活中的盒子 箱子 上來理解，日常生活中所見的盒子也具有這些屬性，所以叫...
html盒子模型
在css中有乙個需要了解的東西，那就是盒子模型，這是css看待元素的一種方式。可以說頁面就是由乙個個盒模型堆砌起來的，每個html元素都可以叫做盒模型，盒模型由外而內包括 邊距 margin 邊框 border 填充 padding 內容 content 它在頁面中所佔的實際寬度是margin bo...