使用CSS3本地創建倒角半徑

Question

是否有可能使用CSS3 border-radius創建倒角邊框半徑效果的方法？

示例HTML：

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

我們的simpy做border-radius: 2px 2px 0 0沒有問題（如下圖所示），這樣做的效果：

但我希望能夠像做此：

這可以從底部調整半徑，而不使用列表項目元素中的任何圖像或額外元素。

這可能嗎？

Answer 1

緬麪包車Slooten對這個有好的文章：http://css-tricks.com/better-tabs-with-round-out-borders/