在CSS中,盒子內(nèi)填充(padding)是指盒子邊框(border)與盒子內(nèi)容(content)之間的空間。你可以使用 CSS 屬性來(lái)控制盒子的填充。
padding 屬性用于設(shè)置盒子的填充。
.box { padding: 20px; }
上面的代碼將會(huì)添加 20 像素的填充到盒子的上、下、左、右四個(gè)邊緣。
可以按照下列方式設(shè)置每個(gè)邊緣的填充:
.box { padding-top: 20px; padding-right: 30px; padding-bottom: 40px; padding-left: 50px; }
上面的代碼將會(huì)將盒子的上邊緣的填充設(shè)置為 20 像素,右邊緣的填充設(shè)置為 30 像素,下邊緣的填充設(shè)置為 40 像素,左邊緣的填充設(shè)置為 50 像素。
你還可以使用 padding 的簡(jiǎn)寫方式,如:
.box { padding: 20px 30px 40px 50px; }
上面的代碼將會(huì)將填充按照上、右、下、左的順序設(shè)置為 20 像素、30 像素、40 像素和 50 像素。
請(qǐng)記住,使用填充將增加盒子的大小,因此你可能需要調(diào)整盒子的寬度和高度以獲得所需的外觀。