padding属性主要用于设置元素内边距,它可以让元素的内容与边框之间保持一定的距离。在CSS中,padding属性可以设置为以下4种形式:
1. padding:
padding:10px;
这种形式可以为元素的上下左右指定一个固定的距离,距离的单位可以是px,em,rem等。
2. padding:
padding:30%;
这种形式可以为元素的上下左右指定一个百分比的距离,该距离是相对于元素本身的宽度或高度的百分比。
3. padding:
padding:10px 20px 30px 40px;
这种形式可以为元素的上下左右分别指定一个固定的距离,顺序是上右下左,距离的单位可以是px,em,rem等。
4. padding:
padding:10px 20%;
这种形式可以同时为元素的上下左右指定一个固定的距离和一个百分比的距离,顺序是上右下左,前面的距离为固定的距离,后面的距离为百分比的距离,距离的单位可以是px,em,rem等。
padding属性可以使用简写形式,即只写一个值,其他值默认与第一个值相同。例如:
- padding:10px; 相当于 padding:10px 10px 10px 10px;
- padding:10px 20%; 相当于 padding:10px 20% 10px 20%;
padding属性可以方便地设置元素内边距,使元素的内容与边框之间保持一定的距离。