CSS中,我們可以使用padding屬性為HTML元素添加內(nèi)邊距。內(nèi)邊距是指HTML元素內(nèi)部與邊框之間的空間。
/* 語(yǔ)法 */ padding: top right bottom left; /* 示例 */ padding: 10px; /* 上下左右都是10px */ padding: 10px 20px; /* 上下10px,左右20px */ padding: 10px 20px 30px; /* 上10px,左右20px,下30px */ padding: 10px 20px 30px 40px; /* 上10px,右20px,下30px,左40px */
可以指定1-4個(gè)參數(shù)控制上、右、下、左的內(nèi)邊距大小。
當(dāng)內(nèi)邊距與背景顏色相同時(shí),元素呈現(xiàn)出類(lèi)似于Margin Collapsing現(xiàn)象,內(nèi)邊距會(huì)合并到外面的元素,產(chǎn)生奇怪的效果。