让块保持胶囊样式的两个方法

[Clarke.L (思無邪)]

方法一：100vmax

代码简单：

border-radius: 100vmax;

方法二：calc() 与 infinity

border-radius: calc(infinity * 1px);

这里还使用到了全局的强调色，具体参见 没啥用的CSS小知识！【更新中】

[XiaoHuang (小黄)]

来跟大鹅学CSS了！

[DFxiner (黄老邪)]

大鹅分享新知识了~

[Clarke.L (思無邪)]

这也太快了

[Luis (雨我无瓜)]

论坛啥都学系列之前端之 CSS 课程开课啦！

[Clarke.L (思無邪)]

咱就图一乐

[DFxiner (黄老邪)]

大鹅的图像和名字还是老的有味道

[seventy3]

还以为是个健身教学视频

[keron]

原来这种叫 胶囊样式

[yonxinli (你若丹东来换我一身雪白)]

太强了佬！

这个是咋做出来的

[Madara (哈比)]

来给大鹅捧个场～

[Madara (哈比)]

你换头像了啊

[XiaoHuang (小黄)]

对，我看看能不能换回去吧

[Madara (哈比)]

不用换，这样就挺好的

[XiaoHuang (小黄)]

啊，我在作者那翻了半天，终于找到了，我换回来了！

[Clarke.L (思無邪)]

codepen 的嵌入

[handsome (大帅哥)]

太强了！大鹅！

[yyy3]

大鹅牛哇

[DFobainx]

不懂就问，这个算是胶囊样式吗

[Clarke.L (思無邪)]

是鹅还是牛