站长论坛

标题: CSS间隙属性 [打印本页]

作者: tznktg 时间: 2007-10-6 15:00
标题: CSS间隙属性
间隙属性(padding)是用来设置元素内容到元素边界的距离。

左间隙属性(padding-left)
这个属性用来设定左间隙的宽度。示例如下：

QUOTE:
.d1{padding-left:1cm}

右间隙属性(padding-right)
这个属性用来设定右间隙的宽度。示例如下：

QUOTE:
.d1 {padding-right:1cm}

演示示例请参照左间隙属性示例，只要将里面的padding-left改成padding-right即可。

上间隙属性(padding-top)
这个属性用来设定上间隙的宽度。示例如下：

QUOTE:
.d1 {padding-top:1cm}

演示示例请参照左间隙属性示例，只要将里面的padding-left改成padding-top即可。

下间隙属性(margin-bottom)
这个属性用来设定下间隙的宽度。示例如下：

QUOTE:
.d1{padding-bottom:1cm}

演示示例请参照左间隙属性示例，只要将里面的padding-left改成padding-bottom即可。

间隙属性(padding)
这个属性是设定间隙宽度的一个快捷的综合写法，用这个属性可以同时设定上下左右间隙属性。

你可以为上下左右间隙设置相同的宽度。示例入下：

QUOTE:
.d1 {padding:1cm}

你也可以分别设置间隙，顺序是上，右，下，左。示例如下：

QUOTE:
.d1 {padding:1cm 2cm 3cm 4cm}

上面的代码表示，上间隙为1cm，右间隙为2cm，下间隙为3cm，左间隙为4cm。

欢迎光临站长论坛 (http://tzlink.com/bbs/)