css - 使用没有设置宽度或高度的边界半径的胶囊形状？

Question

是否可以在没有设置宽度或高度的情况下使用 border-radius 制作胶囊形状？

我希望左右两侧完全呈圆形，而胶囊沿其水平长度保持笔直。将半径设置为 50% 似乎不会产生预期的效果。

Answer 1

应用非常大的边框半径似乎适用于许多浏览器(IE9+、FF、Chrome)，例如 David's fiddle 的这个模组 http://jsfiddle.net/cthQW/1/

border-radius: 500px;