更新時間:2022年08月09日17時51分 來源:傳智教育 瀏覽次數(shù):
在網(wǎng)頁設(shè)計中,為了調(diào)整內(nèi)容在盒子中的顯示位置,常常需要給標(biāo)記設(shè)置內(nèi)邊距,所謂內(nèi)邊距是指標(biāo)記內(nèi)容與邊框之間的距離,也稱內(nèi)填充,內(nèi)填充不會影響標(biāo)記內(nèi)容的大小。在CSS中padding屬性用于設(shè)置內(nèi)邊距,同邊框?qū)傩詁order一樣,padding也是一個復(fù)合屬性,其相關(guān)設(shè)置方法如下。
padding-top:上內(nèi)邊距。
padding-right: 右內(nèi)邊距。
padding-bottom:下內(nèi)邊距。
padding-left:左內(nèi)邊距。
padding:上內(nèi)邊距[右內(nèi)邊距 下內(nèi)邊距 左內(nèi)邊距]。
在上面的設(shè)置中,padding相關(guān)屬性的取值可為auto自動(默認(rèn)值)、不同單位的數(shù)值、相對于父標(biāo)記(或?yàn)g覽器)寬度的百分比%,實(shí)際工作中最常用的是像素值(px),像素值不允許使用負(fù)值。
L同邊框相關(guān)屬性一樣,使用padding屬性定義內(nèi)邊距時,必須按順時針順序采用值復(fù)制,一個值為四邊、兩個值為上下/左右,三個值為上/左右/下。
注意:如果設(shè)置內(nèi)外邊距為百分比,則不論上下或左右的內(nèi)外邊距,都是相對于父標(biāo)記寬度width的百分比,伴隨父標(biāo)記width的變化而變化,和高度height無關(guān)。
如何實(shí)現(xiàn)單頁面應(yīng)用效果?單頁面應(yīng)用有哪些優(yōu)勢?
2022-07-28什么是ionic?ionic框架的主要結(jié)構(gòu)是怎樣的?
2022-07-28什么是箭頭函數(shù)?箭頭函數(shù)中this關(guān)鍵字的用法
2022-07-27const關(guān)鍵字是什么?let、const、var的區(qū)別
2022-07-27網(wǎng)絡(luò)協(xié)議與體系結(jié)構(gòu):網(wǎng)絡(luò)協(xié)議概述
2022-07-27移動Web開發(fā)基礎(chǔ):設(shè)備像素比是什么?
2022-07-25