圓形曲線標籤| 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-