這篇文章主要介紹css3中邊距屬性有哪些,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
創(chuàng)新互聯(lián)于2013年創(chuàng)立,先為浮山等服務(wù)建站,浮山等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為浮山企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。
css3的兩種邊距屬性:1、內(nèi)邊距屬性(padding、padding-top等),可設(shè)置元素邊框與元素內(nèi)容之間的空間;2、外邊距屬性(margin、margin-top等),可設(shè)置元素周圍的空間。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css3的邊距分為兩種:
內(nèi)邊距(padding):元素邊框與元素內(nèi)容之間的空間
外邊距(margin):元素周圍的空間
內(nèi)邊距屬性
屬性 | 說(shuō)明 |
---|---|
padding | 使用簡(jiǎn)寫屬性設(shè)置在一個(gè)聲明中的所有填充屬性 |
padding-bottom | 設(shè)置元素的底部填充 |
padding-left | 設(shè)置元素的左部填充 |
padding-right | 設(shè)置元素的右部填充 |
padding-top | 設(shè)置元素的頂部填充 |
示例:
這是一個(gè)沒(méi)有指定內(nèi)邊距的段落。
這是一個(gè)指定內(nèi)邊距的段落。
外邊距屬性
屬性 | 描述 |
---|---|
margin | 簡(jiǎn)寫屬性。在一個(gè)聲明中設(shè)置所有外邊距屬性。 |
margin-bottom | 設(shè)置元素的下外邊距。 |
margin-left | 設(shè)置元素的左外邊距。 |
margin-right | 設(shè)置元素的右外邊距。 |
margin-top | 設(shè)置元素的上外邊距。 |
示例:
這是一個(gè)沒(méi)有指定外邊距大小的段落。
這是一個(gè)指定外邊距大小的段落。
以上是“css3中邊距屬性有哪些”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!