這篇文章將為大家詳細(xì)講解有關(guān)css如何設(shè)置margin的方法，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來自于我們對(duì)這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名注冊、虛擬主機(jī)、營銷軟件、網(wǎng)站建設(shè)、西和網(wǎng)站維護(hù)、網(wǎng)站推廣。

css設(shè)置margin的方法：首先創(chuàng)建一個(gè)HTML示例文件；然后在body中通過p標(biāo)簽定義一些文本內(nèi)容；最后設(shè)置樣式“p.margin {margin: 2cm 4cm 3cm 4cm}”即可。

margin 簡寫屬性在一個(gè)聲明中設(shè)置所有外邊距屬性。該屬性可以有 1 到 4 個(gè)值。

說明

這個(gè)簡寫屬性設(shè)置一個(gè)元素所有外邊距的寬度，或者設(shè)置各邊上外邊距的寬度。

塊級(jí)元素的垂直相鄰?fù)膺吘鄷?huì)合并，而行內(nèi)元素實(shí)際上不占上下外邊距。行內(nèi)元素的的左右外邊距不會(huì)合并。同樣地，浮動(dòng)元素的外邊距也不會(huì)合并。允許指定負(fù)的外邊距值，不過使用時(shí)要小心。

注釋：允許使用負(fù)值。

示例：

p.margin {margin: 2cm 4cm 3cm 4cm}





這個(gè)段落沒有指定外邊距。

這個(gè)段落帶有指定的外邊距。這個(gè)段落帶有指定的外邊距。這個(gè)段落帶有指定的外邊距。這個(gè)段落帶有指定的外邊距。這個(gè)段落帶有指定的外邊距。


這個(gè)段落沒有指定外邊距。

效果；

例子 1

margin:10px 5px 15px 20px;

上外邊距是 10px

右外邊距是 5px

下外邊距是 15px

左外邊距是 20px

例子 2

margin:10px 5px 15px;

上外邊距是 10px

右外邊距和左外邊距是 5px

下外邊距是 15px

例子 3

margin:10px 5px;

上外邊距和下外邊距是 10px

右外邊距和左外邊距是 5px

例子 4

margin:10px;

所有 4 個(gè)外邊距都是 10px

關(guān)于“css如何設(shè)置margin的方法”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺得文章不錯(cuò)，請把它分享出去讓更多的人看到。