你對CSS margin屬性的用法是否了解，CSS margin屬性用來定義邊外補白，margin，中文"邊、頁邊"的意思，它適用于: 所有元素,除了 table-caption, table 和 inline-table 。

CSS margin屬性

邊框的外面可以有一層邊外補白(margin),邊外補白可以把塊級元素分開.邊外補白定義了圍繞某種元素(elements)的空白.。可以查看盒模式,了解邊外補白和邊內(nèi)補白，邊外補白分為上邊外補白(top),下邊外補白(bottom),左邊外補白(left),右邊外補白(right).，邊外補白只有寬度width一種屬性.。

margin -- 定義邊外補白

取值: <margin-width>{1,4} | inherit
<margin-width>{1,4}: 邊外補白寬度
inherit: 繼承
初始值: 0
繼承性: 否
適用于: 所有元素,除了 table-caption, table 和 inline-table
margin，中文"邊、頁邊"的意思

CSS margin-top 屬性

margin-top -- 定義上邊外補白

取值: <margin-width> | inherit
<margin-width>: 上邊外補白的寬度
inherit: 繼承

初始值: none
繼承性: 否
適用于: 所有元素

margin:邊外補白,top:上

示例

p#top  
{  
 margin-top: 12px;  
}  
 

CSS margin-bottom屬性

margin-bottom -- 定義下邊外補白

取值: <margin-width> | inherit
<margin-width>: 下邊外補白的寬度
inherit: 繼承
初始值: none
繼承性: 否
適用于: 所有元素
margin:邊外補白,bottom:下

示例

p#bottom  
{  
 margin-bottom: 12px;  
}  
 

【編輯推薦】

1. margin屬性的基本寫法和特征
2. IE6.0對padding的解讀分析
3. DIV+CSS網(wǎng)頁錯位診斷和解決方法
4. DIV+CSS命名規(guī)則
5. 技術(shù)分享 如何使用CSS控制超鏈接文字樣式