border-radius小结


Border-radius:8个值。 

Border-radius:X1 X2 X3 X4/Y1 Y2 Y3 Y4;

Border-radius:left-top right-top right-bottom left-bottom

div宽高为100*200.要实现作图的效果,我们可以知道改变的时X3,Y3,所以我们设置border-radius: 0px 0px 100px 0px/0px 0px 200px 0px;

要实现左图右边蝌蚪尾巴,可以采用的方法是给大的div添加:before和:after伪类,利用遮盖的效果即可。


猜你喜欢

转载自blog.csdn.net/anoddguy/article/details/80935482