这个技巧我已经不知道是在哪个网站查找的了,所以这里就不贴出地址了。
CSS是个好东西,据说CSS3.0更是好的不得了,这里要介绍的就是CSS3.0的东西,现在这个标准似乎还没有出,但是有些浏览器已经支持了。
代码如下:
.someclass{
-moz-border-radius: 12px;
-khtml-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
}
-moz-border-radius: 12px;
-khtml-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
}
其中像素数是圆角的大小,效果如下:
这里测试圆角边框
当然总有一些浏览器是不支持的,目前支持的浏览器有:Firefox,Google Chrome,苹果 Safari;不支持的主流浏览器有:IE,Opera。