圆形曲线标签| CSS

Question

你好，我想有哪些应该在所有浏览器都支持CSS圆角标签..

这里是我曾试图链接..

http://learneveryday.net/demo/css/menu/tabmenu1/

一切正常ok..but圆角不来..

下面是该HTML代码..

<ul id="navtabs"> 
    <li class="cat-item cat-item-8"><a href="#">Blogging</a></li> 
    <li class="cat-item cat-item-6 current-cat"><a href="#">Branding</a></li> 

    <li class="cat-item cat-item-10"><a href="#">Freelancing</a></li> 
    <li class="cat-item cat-item-3"><a href="#">Marketing</a></li> 
    <li class="cat-item cat-item-5"><a href="#">Web Design</a></li> 
</ul> 

当我打开CSS时，它们包含图像。我无法找到的..

让我知道我在哪里可以得到图像

Answer 1

如果你只能使用CSS，你浏览器支持：

-webkit-border-radius: 1px; 
-moz-border-radius: 1px; 
border-radius: 1px; 

半径发生器：http://border-radius.com/

兼容性列表：http://caniuse.com/border-radius

另外，您可以使用精灵形象：http://css-tricks.com/css-sprites/

Answer 2

尝试使用-webkit镀铬和-moz为Mozilla

.RoundBorder 
{ 
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px; 
    border-radius: 8px; 
} 

Answer 3

您将需要使用边界半径得到圆角。

具体border-top-left-radius和border-top-right-radius

为例

Answer 4

看到这个jsFiddle试试这个：

<ul class="round" id="navtabs"> 
<li class="cat-item cat-item-8"><a href="#">Blogging</a></li> 
<li class="cat-item cat-item-6 current-cat"><a href="#">Branding</a></li> 

<li class="cat-item cat-item-10"><a href="#">Freelancing</a></li> 
<li class="cat-item cat-item-3"><a href="#">Marketing</a></li> 
<li class="cat-item cat-item-5"><a href="#">Web Design</a></li> 

.round { -webkit-border-radius:6px;} 

Answer 5

与border-radius:7px 7px 0 0;做吧。对于任何新的浏览器，您不需要-webkit-