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

...

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

最近在项目中遇到的一个小bug 要做一个pc端的轮播图播放页面，但是由于公司使用的内核版本太低， 轮播图的滑动原点使用border-radius属性失效 css代码 最后百度得到了解决方法 解决办法：万能的!important; 在border-radius属性里面添加!important ...

如果一个父元素设置了overflow:hidden属于的同时还设置了border-radius属性，那么如果想隐藏超出的子元素，四个圆角处会出现超出圆角依然显示的bug； 一种方法是运用-webkit-mask-image通过遮罩来实现，先不谈该方法兼容性的问题，对于复杂形状的图形该方法 ...

起因：想实现下面这样的效果的。 思路： 父div圆角，超出隐藏。 子div文字变色，箭头变色延迟 0.25s 。 父元素添加伪类，优化背景过度效果。 代码： html ...

目前而言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之后四个角会出现弯曲 　　当然我们可以针对某个角进行单独的设置 ...