您好,登錄后才能下訂單哦!
本篇文章給大家分享的是有關(guān)CSS中如何定義外邊距,小編覺得挺實(shí)用的,因此分享給大家學(xué)習(xí),希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。
圍繞在元素邊框的空白區(qū)域是外邊距。設(shè)置外邊距會在元素外創(chuàng)建額外的“空白”。
設(shè)置外邊距的最簡單的方法就是使用 margin 屬性,這個屬性接受任何長度單位、百分?jǐn)?shù)值甚至負(fù)值。
CSS margin 屬性 ( 推薦學(xué)習(xí):CSS基礎(chǔ)教程 )
設(shè)置外邊距的最簡單的方法就是使用 margin 屬性。
margin 屬性接受任何長度單位,可以是像素、英寸、毫米或 em。
margin 可以設(shè)置為 auto。更常見的做法是為外邊距設(shè)置長度值。下面的聲明在 h2 元素的各個邊上設(shè)置了 1/4 英寸寬的空白:
h2 {margin : 0.25in;}
下面的例子為 h2 元素的四個邊分別定義了不同的外邊距,所使用的長度單位是像素 (px):
h2 {margin : 10px 0px 15px 5px;}
與內(nèi)邊距的設(shè)置相同,這些值的順序是從上外邊距 (top) 開始圍著元素順時針旋轉(zhuǎn)的:
margin: top right bottom left
另外,還可以為 margin 設(shè)置一個百分比數(shù)值:
p {margin : 10%;}
百分?jǐn)?shù)是相對于父元素的 width 計(jì)算的。上面這個例子為 p 元素設(shè)置的外邊距是其父元素的 width 的 10%。
margin 的默認(rèn)值是 0,所以如果沒有為 margin 聲明一個值,就不會出現(xiàn)外邊距。
但是,在實(shí)際中,瀏覽器對許多元素已經(jīng)提供了預(yù)定的樣式,外邊距也不例外。
例如,在支持 CSS 的瀏覽器中,外邊距會在每個段落元素的上面和下面生成“空行”。
因此,如果沒有為 p 元素聲明外邊距,瀏覽器可能會自己應(yīng)用一個外邊距。當(dāng)然,只要你特別作了聲明,就會覆蓋默認(rèn)樣式。
以上就是CSS中如何定義外邊距,小編相信有部分知識點(diǎn)可能是我們?nèi)粘9ぷ鲿姷交蛴玫降摹OM隳芡ㄟ^這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。