> For the complete documentation index, see [llms.txt](https://sunzsh.gitbook.io/xiaoshan.bug/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://sunzsh.gitbook.io/xiaoshan.bug/xin-xue-dao-yi-ge-yuan-jiao-de-xie-fa-xian-xue-xian-mai-le.md).

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

* 抖音：<https://v.douyin.com/iRaJvjbu/>

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

经常会计算一下

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

比如现在height是

那一定要高于

比它（40px）小就不是这个效果了

但是比它（40px）大没有问题，大家看

所以呢

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

所以我们经常会这样写

写一堆

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

我换行在这写

这样写：calc

然后呢里边写Infinity

乘以一个 1px

大家看效果也是一样的