今天就跟大家聊聊有關(guān)CSS中margin-top和margin-bottom屬性如何使用，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

十余年的雷山網(wǎng)站建設(shè)經(jīng)驗(yàn)，針對設(shè)計(jì)、前端、開發(fā)、售后、文案、推廣等六對一服務(wù)，響應(yīng)快，48小時(shí)及時(shí)工作處理。成都營銷網(wǎng)站建設(shè)的優(yōu)勢是能夠根據(jù)用戶設(shè)備顯示端的尺寸不同，自動(dòng)調(diào)整雷山建站的顯示方式，使網(wǎng)站能夠適用不同顯示終端，在瀏覽器中調(diào)整網(wǎng)站的寬度，無論在任何一種瀏覽器上瀏覽網(wǎng)站，都能展現(xiàn)優(yōu)雅布局與設(shè)計(jì)，從而大程度地提升瀏覽體驗(yàn)。創(chuàng)新互聯(lián)從事“雷山網(wǎng)站設(shè)計(jì)”,“雷山網(wǎng)站推廣”以來，每個(gè)客戶項(xiàng)目都認(rèn)真落實(shí)執(zhí)行。

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

看完上述內(nèi)容，你們對CSS中margin-top和margin-bottom屬性如何使用有進(jìn)一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

分享文章：CSS中margin-top和margin-bottom屬性如何使用
網(wǎng)站地址：http://www.rwnh.cn/article0/jcjioo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、服務(wù)器托管、面包屑導(dǎo)航、網(wǎng)站設(shè)計(jì)公司、網(wǎng)站設(shè)計(jì)、小程序開發(fā)

廣告

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