border-radius怎么多样化表现?

    每个学习前端的人都会了解一种圆角美化方式border-radius,虽说叫他圆角,但是其实他可以画出各式各样的图案。

    ⚪:这里不再赘述,属性值设置为50%就可以搞定。

     椭圆:border-radius属性值可以这么设置   a% b% c% d% / e% f% g% h%  斜杠前表示水平半径长度,斜杠后表示垂直半径高度 

 其他随意图案 按照椭圆设置不同的属性值,就可以脑洞大开,设置出简笔画风格的图案,博主多用于按钮的实现。

猜你喜欢

转载自www.cnblogs.com/kanowan/p/12567622.html