溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
本篇文章為大家展示了CSS中如何使用margin屬性，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。
CSS語法之margin屬性
margin : auto | length
參數(shù)：
auto : 值被設(shè)置為相對邊的值
length : 由浮點數(shù)字和單位標(biāo)識符組成的長度值 | 百分?jǐn)?shù)。百分?jǐn)?shù)是基于父對象的高度。對于內(nèi)聯(lián)對象來說，左右外延邊距可以是負(fù)數(shù)值。請參閱長度單位
說明：
檢索或設(shè)置對象四邊的外延邊距。
如果提供全部四個參數(shù)值，將按上－右－下－左的順序作用于四邊。
如果只提供一個，將用于全部的四邊。
如果提供兩個，***個用于上－下，第二個用于左－右。
如果提供三個，***個用于上，第二個用于左－右，第三個用于下。
內(nèi)聯(lián)對象要使用該屬性，必須先設(shè)定對象的height或width屬性，或者設(shè)定position屬性為absolute。
在IE4+，margin屬性不可用于td和tr對象。
外延邊距始終透明。
對應(yīng)的腳本特性為margin。
關(guān)于對象的尺寸與邊框，內(nèi)外補丁等樣式表屬性的關(guān)系，請參看圖例以及height和width屬性。
示例：
body { margin: 36pt 24pt 36pt 24pt; }，即上下36，左右24
body { margin: 11.5%; }，即上下左右都是11.5%
body { margin: 10% 10% 10% 10%; } ，即上下左右都是10%，表達(dá)方式和上一種相同
margin如何與padding 區(qū)分:
這是很多學(xué)html 人的困擾
其實說白了padding 就是內(nèi)容與邊框的空隙.而margin 則是模塊與模塊的空隙.下面圖解:
上述內(nèi)容就是CSS中如何使用margin屬性，你們學(xué)到知識或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識儲備，歡迎關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼
