在CSS中,填充(padding)是用來增加元素內(nèi)部內(nèi)容與邊緣之間的空間的一種方法。下面的代碼演示了如何使用填充來將一個段落的上、下、左、右邊界各增加20像素:
p { padding: 20px; }
這個代碼塊將應(yīng)用于所有的段落元素(p),將增加它們的填充寬度。為了更好的控制樣式,您可以使用下列代碼來分別控制不同的填充方向:
p { padding-top: 20px; padding-right: 30px; padding-bottom: 25px; padding-left: 35px; }
使用這種方法可以指定每一個邊緣上的填充寬度,既可以簡單的分別指定,也可以使用如下的方式同時設(shè)置它們:
p { padding: 20px 30px 25px 35px; }
以上代碼將先設(shè)置頂部填充為20像素,其次設(shè)置右側(cè)填充為30像素,然后將底部填充設(shè)置為25像素,最后設(shè)置左側(cè)填充為35像素。