使用CSS3本机创建倒角半径

Question

是否有可能使用CSS3 border-radius创建倒角边缘半径效果？

示例HTML：

<ul>
   <li>Home</li>
   <li>Item 1</li>
   <li>Item 2</li>
</ul>

我们可以通过border-radius: 2px 2px 0 0毫无问题地实现这种效果（下图）：

但我希望能够做到这样的事情：

可以从底部调整半径，而不使用列表项元素中的任何图像或额外元素。

这可能吗？

Answer 1

Menno van Slooten在这里发表了一篇很好的文章：http://css-tricks.com/better-tabs-with-round-out-borders/