CSS Rounded Corner Div

时间:2010-09-30 12:38:23

标签: css html rounded-corners

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

可以帮助一个简单的CSS代码...或者可以用jQuery实现

1 个答案:

答案 0 :(得分:5)

支持边界半径的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脚本。