盒模型圖
- Content（內(nèi)容區(qū)）：它是整個(gè)元素的寬和高巧号，是屬于元素內(nèi)容的區(qū)域
- Border（邊框）：它是盒子的邊緣既是邊框
- Padding（填充區(qū)）：它是盒子邊框與內(nèi)容之間的間距隧出，或者說(shuō)是父元素與子元素之間的內(nèi)邊距
- Margin（外邊距）：它是盒子邊框以外的外邊距，或者說(shuō)是同輩元素之間的間距
邊框border
| 屬性 | 描述 |
|---|---|
| border-top-width:10px ; | 上邊框?qū)挾?/td> |
| border-top-style:solid; | 上邊框線型 |
| border-top-color:#f00; | 上邊框顏色 |
| border:10px solid #ff0; | 邊框復(fù)合型寫(xiě)法 |
內(nèi)邊距padding
| 屬性 | 描述 |
|---|---|
| padding-top:10px; | 上填充 |
| padding： 1 2 3 4 ; | 1、上饭于；2伸蚯、右；3膘壶、下错蝴；4、左 |
注意：
padding屬性對(duì)背景圖片是不起作用的颓芭，可以說(shuō)背景圖片的位置顷锰，是不受padding的影響的。如果元素本身有背景色亡问，那么背景色會(huì)延展到padding區(qū)域官紫。
外邊距margin
| 屬性 | 描述 |
|---|---|
| margin-top:10px; | 上外邊距 |
| margin：1 2 3 4 | 1、上州藕；2束世、右；3床玻、下良狈；4、左 |
