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

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

成都創(chuàng)新互聯(lián)于2013年成立，先為廣西等服務(wù)建站，廣西等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為廣西企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

CSS margin屬性

邊框的外面可以有一層邊外補(bǔ)白(margin),邊外補(bǔ)白可以把塊級元素分開.邊外補(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)容對大家有幫助，若想了解更多相關(guān)的知識內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

新聞標(biāo)題：CSS中margin-top和margin-bottom屬性怎么使用
分享URL：http://muchs.cn/article40/jpigeo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗(yàn)、外貿(mào)建站、企業(yè)網(wǎng)站制作、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站導(dǎo)航、服務(wù)器托管

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)