css切圆-CSS3实现圆角

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

可以通过CSS3轻松实现圆角（border-radius）的浏览器：IE9、Safari、Chrome、Firefox； （尽量使用最新版本css切圆，具体哪个版本支持或不支持请自行查看百度或yige.org）

不支持的浏览器：IE6~8；

-moz-border-radius 与 Firefox 浏览器兼容；

-webkit-border-radius 兼容 Safari 和 Chrome 浏览器；

对于 Opera 和 IE 请使用 border-radius；

也就是说，为了兼容现在的浏览器，需要同时写入三个属性：border-radius、-moz-border-radius、-webkit-border-radius；

border:5px solid #dedede;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;

缩写：

边框半径：10px； （意味着所有四个角都使用 10px 直径）

边框半径：5px10px； （意思是左上角和右下角使用5px直径，右上角和左下角使用10px）

边框半径：5px10px15px； （意思是左上角使用5px直径，右上角和左下角使用10px直径，右下角使用15px直径）

边框半径：5px10px15px20px； （意思是左上角使用5px直径，右上角使用10px直径，右下角使用15px直径css切圆，左下角使用20px直径）相关文章