新学到一个圆角的写法,现学现卖了

之前做这种两边是半圆的圆角的时候

经常会计算一下

这个boder-radius至少要高于height的一半

比如现在height是

那一定要高于

比它(40px)小就不是这个效果了

但是比它(40px)大没有问题,大家看

所以呢

有时候这个height因为是动态的

所以我们经常会这样写

写一堆

然后今天我发现一个比较好玩的写法哈

我换行在这写

这样写:calc

然后呢里边写Infinity

乘以一个 1px

大家看效果也是一样的

最后更新于