CSS內(nèi)填充設(shè)置方法
CSS內(nèi)填充(padding)是一種在元素內(nèi)容和元素邊界之間添加空間的技術(shù),在CSS中,可以使用padding
屬性來設(shè)置內(nèi)填充。padding
屬性接受一個到四個值,這些值定義了上、右、下、左四個方向的內(nèi)填充。
如果想要在元素的上、右、下、左四個方向都添加10像素的內(nèi)填充,可以這樣做:
div { padding: 10px; }
如果想要在元素的上和下方添加10像素的內(nèi)填充,而在左右兩側(cè)添加5像素的內(nèi)填充,可以這樣做:
div { padding: 10px 5px; }
如果想要在元素的上方添加10像素的內(nèi)填充,在右方添加20像素的內(nèi)填充,在下方添加10像素的內(nèi)填充,在左方添加5像素的內(nèi)填充,可以這樣做:
div { padding: 10px 20px 10px 5px; }
如果想要在元素的上方添加10像素的內(nèi)填充,并在左右兩側(cè)添加5像素的內(nèi)填充,可以這樣做:
div { padding: 10px 5px 5px; }
如果省略了某些方向的內(nèi)填充值,那么這些方向的內(nèi)填充將使用默認值,在CSS中,內(nèi)填充的默認值為0。