CSS Rounded Corner Div

Question

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

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

Answer 1

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

CSS:

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

这将告诉Mozilla,Webkit,然后标准阅读浏览器(据我所知,FF4,Chrome 6和IE9将在没有浏览器前缀的情况下阅读)以使您认为合适的像素半径对角进行四舍五入:)

在这些CSS选项可用之前使用了图像,文章仍在那里.还有jQuery解决方案,例如Curvy Corners脚本,它支持IE.