站長(zhǎng)資訊網(wǎng)方法：1、使用margin相關(guān)屬性給div設(shè)置外邊距（div盒子外圍四周的距離）；2、使用padding相關(guān)屬性給div設(shè)置內(nèi)邊距（div盒子中裝載的內(nèi)容到盒子邊緣（邊框）之間距離）。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
CSS 外邊距（margin）
盒子的外邊距分為上右下左四個(gè)方向
外邊距的設(shè)定用來(lái)控制盒子外圍四周的距離，不屬于盒子本身范疇
外邊距的主要用途是控制盒子的位置，所以可以出現(xiàn)負(fù)值
CSS外邊距屬性
|
屬性 |
描述 |
|---|---|
| margin | 簡(jiǎn)寫屬性。在一個(gè)聲明中設(shè)置所有外邊距屬性。 |
| margin-bottom | 設(shè)置元素的下外邊距。 |
| margin-left | 設(shè)置元素的左外邊距。 |
| margin-right | 設(shè)置元素的右外邊距。 |
| margin-top | 設(shè)置元素的上外邊距。 |
【推薦教程：CSS視頻教程 】
css 內(nèi)邊距（padding）
-
盒子的內(nèi)邊距分為上右下左四個(gè)方向
- 內(nèi)邊距的設(shè)定用來(lái)控制盒子中裝載的內(nèi)容到盒子邊緣（邊框）之間距離。
-
盒子的內(nèi)邊距占據(jù)的是盒子里面的空間，最小為0，不允許出現(xiàn)負(fù)值。
CSS內(nèi)邊距屬性
| 屬性 | 說(shuō)明 |
|---|---|
| padding | 使用簡(jiǎn)寫屬性設(shè)置在一個(gè)聲明中的所有填充屬性 |
| padding-bottom | 設(shè)置元素的底部填充 |
| padding-left | 設(shè)置元素的左部填充 |
| padding-right | 設(shè)置元素的右部填充 |
| padding-top | 設(shè)置元素的頂部填充 |
