一、浏览器支持表中的数字指定完全支持该属性的第一个浏览器版本。数字后面的 -webkit- 或者 -moz- 使用时需要指定前缀。属性ChromeFirefoxSafariOperaIEborder-radius5.0 4.0 -webkit-9.04.0 3.0 -moz-5.0 3.1 -webkit-10.5二、border-radius 属性1. 创 …
border-radius属性
在CSS大家肯定知道如何设一个圆角矩形，或者把一个div设成圆型，很简单，直接设置就行了，比如border-radius:5px; border-radius:50%; 或者你可以只设置一个角的弧度：border-top-right-radius: 20px;但其实，这个css 属性可以接受两个参数，一个是水平弧度，一个是垂直弧度，会产生奇怪的效果。看下图右 …
CSS 属性 border-radius 允许你设置元素的外边框圆角。当使用一个半径时确定一个圆形，当使用两个半径时确定一个椭圆。这个(椭)圆与边框的交集形成圆角效果。【基础知识】border-radius使用最多的可能就是通过改变圆角来使元素变的圆滑，常用方法可能如下：border-radius: 4px 4px 4px 4px;border-radius …
在css3之前，并没有直接的设置元素圆角的属性，那如何实现设计图中的圆角设定呢？如：表单demo中的文本框圆角。一般通过在PS 软件中截取上左、上右、下左、下右四个边角的圆角图片，通过background-position背景图属性设定位置，从而实现圆角的设定。或是将四个圆角图片当做四个img标签，通过position定位属性找寻设定的位置，如：在IE6、7 …