以下内容摘于百度经验。 border-radius圆角边框是CSS3的新属性，以前网页设计开发中要实现元素的圆角边框，通常是用背景图片来实现的。现在我们只需要给元素添加border-radius属性即可。 一.兼容性 它是CSS3的新属性，兼容IE9+，Firefox 4+ ...

css3之border-radius理解 转载于https://www.cnblogs.com/happymental/p/7891725.html 　　在日常项目过程中，border-radius这个属性算是非常常用的属性之一了，通过设置元素的border-radius值，可以轻松 ...

目前而言firefox，opera,chrome等主流浏览器都已经支持border-radius属性，唯独IE8以及之前。 解决办法就是在用的border-radius属性的后面加上:behavior: url(ie-css3.htc); ie-css3.htc问价下载地址：http ...

　　1.属性解析 　　border-radius是css3属性，他可以使div的角进行一定程度的弯曲。 　　比如说下面这个width和height的正方形div 　　 　　经过设置border-radius之后四个角会出现弯曲 　　当然我们可以针对某个角进行单独的设置 ...

border-radius圆角 当盒子的宽高一样时，设置盒子的border-radius为50%，得到一个圆形 border-radius: 20px 30px 200px 200px; 只写一个值：表示四边的圆角都为该值 写两个值：第一个值表示左上角和右下角的圆角，第二个值表示右上角和左下角 ...

），注意父元素和子元素的border-radius属性值保持一致 效果图： ...

在做网页的时候，常常需要实现圆角，以前的做法就是切图，现在好了，有了css3的 border-radius 特性之后，实现边框圆角效果就非常简单了，而且其还有多个优点：一是减少网站维护工作量；二是提高了网站的性能，少了对图片的 HTTP 的请求，网页载入速度将变快；三是增加视觉美观性 ...

首先来一个宽高不同的div 然后宽高分别减半写到border-radius后面，格式如下: border-radius:100px/50px; ...