CSS中margin-top和margin-bottom屬性使用說明
你對CSS margin屬性的用法是否了解，CSS margin屬性用來定義邊外補(bǔ)白，margin，中文"邊、頁邊"的意思，它適用于: 所有元素,除了 table-caption, table 和 inline-table 。
CSS margin屬性
邊框的外面可以有一層邊外補(bǔ)白(margin),邊外補(bǔ)白可以把塊級(jí)元素分開.邊外補(bǔ)白定義了圍繞某種元素(elements)的空白.。可以查看盒模式,了解邊外補(bǔ)白和邊內(nèi)補(bǔ)白，邊外補(bǔ)白分為上邊外補(bǔ)白(top),下邊外補(bǔ)白(bottom),左邊外補(bǔ)白(left),右邊外補(bǔ)白(right).，邊外補(bǔ)白只有寬度width一種屬性.。
margin -- 定義邊外補(bǔ)白
取值: <margin-width>{1,4} | inherit
<margin-width>{1,4}: 邊外補(bǔ)白寬度
inherit: 繼承
初始值: 0
繼承性: 否
適用于: 所有元素,除了 table-caption, table 和 inline-table
margin，中文"邊、頁邊"的意思
CSS margin-top 屬性
margin-top -- 定義上邊外補(bǔ)白
取值: <margin-width> | inherit
<margin-width>: 上邊外補(bǔ)白的寬度
inherit: 繼承
初始值: none
繼承性: 否
適用于: 所有元素
margin:邊外補(bǔ)白,top:上
示例
- p#top
- {
- margin-top: 12px;
- }
CSS margin-bottom屬性
margin-bottom -- 定義下邊外補(bǔ)白
取值: <margin-width> | inherit
<margin-width>: 下邊外補(bǔ)白的寬度
inherit: 繼承
初始值: none
繼承性: 否
適用于: 所有元素
margin:邊外補(bǔ)白,bottom:下
示例
- p#bottom
- {
- margin-bottom: 12px;
- }
【編輯推薦】
- margin屬性的基本寫法和特征
- IE6.0對padding的解讀分析
- DIV+CSS網(wǎng)頁錯(cuò)位診斷和解決方法
- DIV+CSS命名規(guī)則
- 技術(shù)分享 如何使用CSS控制超鏈接文字樣式
