是否有可能仅使用边框半径创建此形状？

问题描述：

<ul id="nav-tabs"> 
    <li class="active">Blah</li> 
    <li>tab 2</li> 
    <li>tab 3</li> 
    <li>tab 4</li> 
    <li>tab 5</li> 
</ul>

不知道这是可行的，但我想要得到的标签的形状看起来像这样与边界半径。没有图像。顶部是容易的，但底部，这曲线出来就行了是怎样的一部分，我不知道这是否是可能的：

enter image description here

这里作为答案jsfiddle

它不到80％。我只是接受了一些答案 – Sammy 2012-08-10 18:05:45

请看这里：http：//css-tricks.com/tabs-with-round-out-borders/ – 2012-08-10 18:07:07

非常酷的约瑟夫。如果你想把它作为答案，我会接受它。 – Sammy 2012-08-10 18:14:29

答

发帖评论...

Chris Coyier有一篇文章解决这个问题：Tabs with Round Out Borders。

他的实现与你的实现有些不同，但通过与border-radius玩，你应该能够得到更接近你的形象，但我怀疑你可以得到影子工作的效果（如果你证明我错了，请在这里发布你的代码。很有趣）。