在css中,可以通過padding屬性來取消元素的內(nèi)邊距,該屬性能夠設(shè)置元素內(nèi)邊距的值,當(dāng)屬性值為0時會消除元素內(nèi)邊距,語法為“元素對象{padding:0px;}”。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css怎樣取消元素內(nèi)邊距
在css中利益利用padding屬性來取消元素內(nèi)邊距,padding 簡寫屬性在一個聲明中設(shè)置所有內(nèi)邊距屬性。示例如下:
新建一個 清除外邊距和內(nèi)邊距.html 文件,輸入HTML5的結(jié)構(gòu)代碼,將title標(biāo)簽里面的內(nèi)容修改成:清除外邊距和內(nèi)邊距。
定義多個標(biāo)簽,比如:div,span等等,運行網(wǎng)頁,執(zhí)行 右鍵 –> 查看元素,可以看到body標(biāo)簽是有外邊距的(黃色部分就是外邊距),如圖所示:
使用 * 號通配符選擇器設(shè)置所有標(biāo)簽的margin和padding為0px,清除所有標(biāo)簽的內(nèi)外邊距,如圖所示:
再次運行網(wǎng)頁,查看元素,可以看到內(nèi)外邊距已經(jīng)被清除,如圖所示:
上述示例中通過padding屬性已經(jīng)清除了元素的內(nèi)邊距。
(學(xué)習(xí)視頻分享:css視頻教程)