CSS 圆角 Div

发布于 2024-09-25 05:40:47 字数 121 浏览 3 评论 0原文

我一直在谷歌上搜索带有 css div 的圆角..但发现非常混乱的东西..有些仍在使用圆角图像并将它们放在四个角上...

有人可以帮助使用简单的 CSS 代码来实现这一点。 ..或者可以用 jQuery 来实现吗

I have been googling for rounded corners with a css div.. but found very cluttered stuff.. some are still using for images of rounded corners and placing them on four corners...

can somedoby help with with a simple CSS code for this... or can it be attained with jQuery

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

水染的天色ゝ 2024-10-02 05:40:47

支持边框半径的 CSS 方式如下:

CSS:

.myClass
{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
     border-radius: 10px;
}

这将告诉 Mozilla、Webkit 和标准阅读浏览器(据我了解 FF4、Chrome 6 和 IE9 将在没有浏览器前缀的情况下阅读)以任意像素圆角你认为合适的半径:)

在这些 CSS 选项可用之前就使用了图像,并且文章仍然存在。还有 jQuery 解决方案,例如支持 IE 的 Curvy Corners 脚本。

The CSS way to support border radius is as follows:

CSS:

.myClass
{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
     border-radius: 10px;
}

This will tell Mozilla, Webkit and then standards reading browsers (as far as I understand FF4, Chrome 6 and IE9 will read without the browser prefix) to round your corners by whichever pixel radius you see fit :)

Images were used before these CSS options were available, and the articles are still there. There are also jQuery solutions such as the Curvy Corners script which does support IE.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文