html中padding作用,CSS的padding有什么作用?

CSS中padding属性用于设置内边距;可以设置元素所有内边距的宽度,或者设置各边上内边距的宽度。下面本篇文章就来给大家介绍一下CSS padding属性,希望对大家有所帮助。

209a43a9f9fdddbb912f1de70c0b4e7d.png

padding属性是一个简写属性,在一个声明中设置所有内边距属性。

这个简写属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算;因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。

注释:不允许使用负值。

ebd08a597f92a279be62df8c1d083a36.png

属性值:auto 浏览器计算内边距。

length 规定以具体单位计的内边距值,比如像素、厘米等。默认值是 0px。

% 规定基于父元素的宽度的百分比的内边距。

示例:

td

{

padding-top: 10%

}

这个表格单元拥有上内边距。

效果图:

f0fcf6cad340130261e99e160ae85b0c.png

更多前端开发知识,请查阅 HTML中文网 !!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值