秋月何时了，CSS3 border-radius知多少？
作者从万圣节的轻松话题切入，深入探讨了CSS3 `border-radius` 的进阶用法与底层机制。文章首先指出私有前缀已成过去式，随后重点剖析了百分比值的计算基准——它并非相对于 `width`/`height`，而是元素最终的占据尺寸（包含 `border` 和 `padding`）。因此，用 `border-radius: 50%` 可以轻松为正方形元素制作完美圆形头像。 更有趣的是对“大值特性”的对比实验：当给一个非正方形元素设置一个极大的固定值（如300px）和使用50%时，会产生完全不同的视觉效果——前者因半径过大被浏览器限制，形成“操场跑道”式的椭圆角，而后者则是标准的“马桶盖子”状。这揭示了固定值与百分比值在不同场景下的关键差异。 文章后半部分详细拆解了 `border-radius` 简写背后的八个值（水平与垂直半径），并通过交互式Demo直观展示了每个值如何共同控制每个角落的圆弧形状。对于想要超越基础用法、真正掌握CSS圆角机制的前端开发者来说，这篇内容提供了扎实的原理辨析和实用参考。
