Javascript：如何创建圆角选项卡菜单？

发布于 2024-07-30 03:26:03 字数 361 浏览 1 评论 0原文

alt text

您知道我可以下载类似这样的圆角选项卡吗？或者我怎样才能创建这样的选项卡？选项卡菜单中是否需要使用图像？我用的是：

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

但它并不完美。您知道有关圆角选项卡的任何有用的链接/教程吗？

原文

alt text

Do you know any rounded corners tab like this one that I can download? Or how can I create a tab like that? Do the use of images in the tab menus are required or not? I used the:

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

but it is not perfect. Do you know any helpful links/tutorials about rounded corner tab?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

无所谓啦 2024-08-06 03:26:03

最好看的圆角总是使用图像完成的。其他的都是浏览器最好的尝试，可能并不是你想要的。仅使用图像也容易得多。

您只需要为每个角提供一个小图像，并为边框的其余部分提供另一组可平铺的图像。将其全部插入 CSS 类中，然后就可以开始了。

回复收藏 0 原文

昨迟人 2024-08-06 03:26:03

尚未得到所有浏览器的支持，但您可以使用 CSS3 轻松显示圆角，无需图像或 javascript：

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

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

Not yet supported by all browsers, but you can use CSS3 to easily display rounded corners without the need for images or javascript:

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

More info: http://www.css3.info/preview/rounded-border

This should allow for graceful degradation in older browsers (just won't show as rounded), but I'd still be inclined to go with images if you want to ensure all your users have the same experience.

回复收藏 0 原文