圆形曲线表格

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，则只能使用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

有关示例，请参阅此jsFiddle