属性: 填充
所有的间隙(上、右、下、左)使用一个标记就可以进行设置。用法：
padding: 20px;
padding: 10px 20px 30px 10px;
padding: 10px 20px;
padding: 20px 10px 30px;
定义:
间隙可以使用标记"padding"来设置。
属性可以取以下的值。
a)20px:这是用来设置四个边的间隙是20px(上、右、下、左。.
b)10px 20px 30px 10px:这种格式是按照顺序上、右、下、左来设置间隙的。
c)10px 20px: 这种格式是设置上和右间隙的。下间隙和上间隙的属性值是相同的(10px)，左间隙和右间隙的属性值是相同的(20px)。
d)20px 10px 30px:这种格式是设置上、右和下间隙的。左间隙和右间隙的属性值是相同的。
属性值可以百分数、点或者像素为单位来设置。
示例1:
<div align=right style=" padding: 20px;">
在这里我们设置间隙为20像素。
你可以看到这个段落的四个边都有间隙。
</div>
结果:
在这里我们设置间隙为20像素。你可以看到这个段落的四个边都有间隙。
示例2:
<div style=" padding: 10px 50px 30px 5px;">
在这里我们对间隙设置了四个值。
你可以看到段落的上间隙为10px、右间隙为50px、下间隙为30px、左间隙为5px。
</div>
结果:
在这里我们对间隙设置了四个值。你可以看到段落的上间隙为10px、右间隙为50px、下间隙为30px、左间隙为5px。
示例3:
<div style=" padding: 20px 40px;">
在这里我们对间隙设置两个值。
你可以看到这个段落的上下间隙为20px、左右间隙为40px。
</div>
结果:
在这里我们对间隙设置两个值。你可以看到这个段落的上下间隙为20px、左右间隙为40px。
示例4:
<div style=" padding: 10px 50px 40px;">
在这里我们对间隙设置三个值。
你可以看到这个段落的上间隙为10px、右间隙为50px、下间隙为40px。左间隙和右间隙的值相同为50px。
</div>
结果:
在这里我们对间隙设置三个值。你可以看到这个段落的上间隙为10px、右间隙为50px、下间隙为40px。左间隙和右间隙的值相同为50px。
| 
