在CSS中,內(nèi)邊距是用來指定元素邊框與元素內(nèi)容之間的間距。內(nèi)邊距可以用來控制元素的顯示效果,比如控制文本與邊框之間的距離等。
設(shè)置元素內(nèi)邊距的方式很簡單,只需要在CSS中使用padding
屬性即可。padding屬性可以設(shè)置4個值,分別表示上、右、下、左四個方向的內(nèi)邊距,也可以只設(shè)置兩個值,分別表示上下和左右兩個方向的內(nèi)邊距。
/*設(shè)置四個方向的內(nèi)邊距*/ div { padding-top: 10px; padding-right: 20px; padding-bottom: 30px; padding-left: 40px; } /*只設(shè)置上下和左右兩個方向的內(nèi)邊距*/ div { padding: 10px 20px; }
除了使用具體的像素值進(jìn)行設(shè)置外,還可以通過百分比或者em單位來控制元素內(nèi)邊距的大小。
/*使用百分比來設(shè)置內(nèi)邊距*/ div { padding: 5% 10%; } /*使用em單位來設(shè)置內(nèi)邊距*/ div { padding: 1em 2em; }
需要注意的是,如果內(nèi)邊距的值大于元素的寬度或者高度,會導(dǎo)致元素內(nèi)容溢出。因此在設(shè)置內(nèi)邊距時應(yīng)該清楚地了解元素的寬度和高度。