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