border和background

1.background-position设置的图片的位置,只相对于左上角定位,也就是只可以设置左边距离和上边距离,但是如果我们想使图片相对于右边边框定位,可以使用border-right: 50px solid transparent,然后设置background-position:100% 40px;左边100%的距离,这样图片就距离右边框一直是50px的距离了。

2.border构建三角形。边框的四边就是四个三角形 代码: .div{width:0px;height:0px;border:10px solid;; border-color:#red transparent transparetn transparent}

3.border的透明边框

4.border在布局中的使用:

4.1border实现等高布局:使用border-left来实现左边区域的占位

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值