padding的使用

1.padding对于元素的尺寸的影响:

1.padding对于block元素:padding值很大,影响元素的尺寸;width非auto,设置padding会影响元素的尺寸;width为auto,同时padding值很小,不会影响元素的尺寸

2.padding对于inline元素,设置padding,水平会影响元素的尺寸,垂直不受影响,但是都会占据空间

3.使用padding:50% 创建正方形,对于inline元素要想设置正方形,需要使用padding:50% ,font-size:0 来创建

4.backgroun-color:currentColor和 background-clip:content-box  和padding一起使用来实现镂空效果,例如三道杠和白眼等类似于图片的效果

转载于:https://my.oschina.net/u/2870118/blog/900666

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值