CSS中margin-top和margin-bottom屬性怎么使用

這篇“CSS中margin-top和margin-bottom屬性怎么使用”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“CSS中margin-top和margin-bottom屬性怎么使用”文章吧。

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;  }

以上就是關(guān)于“CSS中margin-top和margin-bottom屬性怎么使用”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對(duì)大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請(qǐng)關(guān)注億速云行業(yè)資訊頻道。