3

替代文字

你知道我可以下载任何像这样的圆角标签吗?或者我怎样才能创建这样的标签?是否需要在选项卡菜单中使用图像?我使用了:

-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius:5px;
border-top-right-radius:5px;

但它并不完美。你知道关于圆角标签的任何有用的链接/教程吗?

4

3 回答 3

3

最好看的圆角总是使用图像完成的。其他任何东西都是浏览器的最佳尝试,这可能不是您想要的。仅使用图像也容易得多。

您只需要为每个角提供一个小图像,并为其余的边框设置另一组可平铺的图像。将它全部插入 CSS 类,你就可以开始了。

于 2009-08-10T02:50:35.113 回答
1

并非所有浏览器都支持,但您可以使用 CSS3 轻松显示圆角,而无需图像或 javascript:

<div style="-moz-border-radius: 5px; -webkit-border-radius: 5px;">
    Rounded corners!
</div>

更多信息:http ://www.css3.info/preview/rounded-border

这应该允许在旧浏览器中优雅地降级(只是不会显示为圆形),但如果你想确保所有用户都有相同的体验,我仍然倾向于使用图像。

于 2009-08-10T12:58:07.957 回答
1

为什么不使用 jQuery UI?他们有漂亮的圆形标签。见http://jqueryui.com/themeroller/#themeGallery

于 2009-08-10T13:00:52.623 回答