CSS间隙属性(http://www.blabla.cn/html_ref/css_attrs/border-collapse.html)

间隙属性(padding)是用来设置元素内容到元素边界的距离。

左间隙属性(padding-left)

这个属性用来设定左间隙的宽度。示例如下:

.d1{padding-left:1cm}

演示示例

右间隙属性(padding-right)

这个属性用来设定右间隙的宽度。示例如下:

.d1 {padding-right:1cm}

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

上间隙属性(padding-top)

这个属性用来设定上间隙的宽度。示例如下:

.d1 {padding-top:1cm}

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

下间隙属性(margin-bottom)

这个属性用来设定下间隙的宽度。示例如下:

.d1{padding-bottom:1cm}

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

间隙属性(padding)

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

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

.d1 {padding:1cm}

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

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

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

演示示例:上下左右间隙宽度相同

演示示例:上下左右间隙宽度各不相同

转载于:https://www.cnblogs.com/snowball/archive/2006/04/24/383233.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值