使用层叠样式表设置间隙
设置间隙属性....!
解释
属性
:
填充所有的间隙(上、右、下、左)使用一个标记就可以进行设置。用法：
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像素。你可以看到这个段落的四个边都有间隙。
<div style="
padding: 10px 50px 30px 5px;">
在这里我们对间隙设置了四个值。
你可以看到段落的上间隙为10px、右间隙为50px、下间隙为30px、左间隙为5px。
</div>
结果:在这里我们对间隙设置了四个值。你可以看到段落的上间隙为10px、右间隙为50px、下间隙为30px、左间隙为5px。
<div style="
padding: 20px 40px;">
在这里我们对间隙设置两个值。
你可以看到这个段落的上下间隙为20px、左右间隙为40px。
</div>
结果:在这里我们对间隙设置两个值。你可以看到这个段落的上下间隙为20px、左右间隙为40px。
<div style="
padding: 10px 50px 40px;">
在这里我们对间隙设置三个值。
你可以看到这个段落的上间隙为10px、右间隙为50px、下间隙为40px。左间隙和右间隙的值相同为50px。
</div>
结果:在这里我们对间隙设置三个值。你可以看到这个段落的上间隙为10px、右间隙为50px、下间隙为40px。左间隙和右间隙的值相同为50px。