在CSS樣式表里填充,是CSS樣式表中一種常見的設(shè)置方式。填充即是指向元素內(nèi)部和邊框之間添加空間。在CSS中,填充可以通過填充屬性(padding)來實現(xiàn)。
填充屬性的語法如下:
selector{ padding: 上 右 下 左; }
上、右、下、左這四個方向是可以分別指定填充的大小的,也可以直接進(jìn)行簡寫,例如:
selector{ padding: 10px; //上下左右都為10像素 padding: 10px 20px; //上下為10px,左右為20px padding: 10px 20px 30px; //上為10px,左右為20px,下為30px padding: 10px 20px 30px 40px; //上為10px,右為20px,下為30px,左為40px }
填充屬性支持的單位包括像素(px)、百分比(%)、em等,同時還可以使用負(fù)值進(jìn)行設(shè)定,表示元素內(nèi)部縮小。
填充屬性不僅可以設(shè)定整個元素填充區(qū)域的大小,也可以指定某一方向上填充的大小,例如:
selector{ padding-top: 10px; //上方填充為10像素 padding-bottom: 20px; //下方填充為20像素 }
填充屬性不僅可以用于普通的HTML標(biāo)簽,還可以用于表格、圖片、按鈕等元素,因此有了填充屬性的支持,我們可以更加自由靈活地進(jìn)行界面設(shè)計。
上一篇css樣式表總共有幾種
下一篇css樣式表居中屬性