间隙属性是用来设置元素内容到元素边界的距离。包括:
1)左间隙属性(padding-left)
这个属性用来设定左间隙的宽度。例如:
.d1{padding-left:1cm} |
2)右间隙属性(padding-right)
这个属性用来设定右间隙的宽度。例如:
.d1 {padding-right:1cm} |
3)上间隙属性(padding-top)
这个属性用来设定上间隙的宽度。例如:
.d1 {padding-top:1cm} |
4)下间隙属性(margin-bottom)
这个属性用来设定下间隙的宽度。例如:
.d1{padding-bottom:1cm} |
5)间隙属性(padding)
这个属性是设定间隙宽度的一个快捷的综合写法,用这个属性可以同时设定上下左右间隙属性。
你可以为上、下、左、右间隙设置相同的宽度。例如:
.d1 {padding:1cm} |
你也可以分别设置间隙,顺序是上、右、下、左。例如:
.d1 {padding:1cm 2cm 3cm 4cm} |
上面的代码表示,上间隙为1cm,右间隙为2cm,下间隙为3cm,左间隙为4cm。
如果只提供一个,将用于全部的四条边。
如果提供两个,第一个用于上-下,第二个用于左-右。
如果提供三个,第一个用于上,第二个用于左-右,第三个用于下。