CSS3_边框

border-dadius:(1-4)/(1-4);

用于实现边框的圆角,斜杠前面的值代表水平方线,后面的四个值代表竖直方向。

按照位置,可以分为左上,右上,右下,左下四个位置。

如果有四个值,则一一对应。

如果三个值,左上,右上和左下,右下。

如果两个值,左上右下,右上左下。

box-shadow: h-shadow v-shadow blur spread color inset;

阴影,水平,竖直,模糊,面积,颜色,内阴影。


最麻烦的是

border-image: source slice width outset repeat|initial|inherit;

其中自认为最难理解的是slice

slice是将图片分割成类似九宫格的形状,四个角,四个边,一个中心可用于填充。

参数的话,是上右下左四条线距离边框的距离,参数不加单位。

repeat重复和round铺满的区别是repeat容易出现断层。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值