border-dadius:(1-4)/(1-4);
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容易出现断层。