組成:border邊框,content内容,padding内邊距,margin外邊距
1.邊框(border)
組成:①邊框粗細
border-width,機關為px
②邊框樣式
border-style
屬性值:
none,無邊框
solid,實線邊框
dashed,虛線邊框
dotted,點線邊框
③邊框顔色
border-color
注:複合寫時沒有順序
④表格的細線邊框
border-collapse:collapse;合并邊框
2.内邊距(padding)
屬性:padding-left, padding-right,padding-top.padding-bottom
複合寫法:
屬性值中隻有1個值,代表上下左右内邊距都為這個值
屬性值中有2個值,上下為前一個值,左右為後一個值
屬性值中有3個值,第一個為上内邊距,第二個為左右内邊距,第三個為下内邊距
屬性值中有4個值,順序為上、右、下、左
3.外邊距(margin)
控制盒子與盒子之間的距離
複合方式與padding完全一樣
4.清除内外邊距
直接将padding和margin設定為0即可