css3后支持圆角，开发者再也不用麻烦的
用图片来合成圆角了。这个功能很方便。
如何设置圆角
CSS3圆角只需设置一个属性。border-radius.这个值的中文翻译是边框半径。顾名思义，就是你可以设置一个方块的边框半径。所有的合法的css度量值都是可以使用的。em,ex,pt,px,百分比等等。
border- radius可以同时设置1-4个值，这点和margin padding类似。如果值设置一个值，那么就表示方块的4个角都使用这个值。如果设置两个值，则表示左上角和右下角使用第一个值（对角），右上角和左下 角使用第二个值。如果设置3个值，表示左上角使用第一个值，右上角和左下角使用第二个只，右下角使用第三个值。如果设置4个值，则一次对应左上角，右上 角，右下角，左下角（顺时针顺序）。
border-radius还可以用斜杠设置第二组值。这时，第一组值表示水平半径，第二组值表示垂直半径。第二组值也可以同时设置1到4个值，应用规则与第一组值相同。
类似于margin padding,我们也可以单独的设定摸一个角，可以用下面的属性：
- border-top-left-radius
- border-top-right-radius
- border-bottom-right-radius
- border-bottom-left-radius
浏览器的支持
IE9 Opera 10.5 Safari 5 ,Chrome 4和Firefox 4，都支持上述的border-radius属性。早期版本的Safari和Chrome支持-webkit-border-radius属性。
目前来看，为了保证兼容性，只需同时设置-moz-border-radius和border-radius即可。
- -moz-border-radius:15px;
- -border-radius:15px;
注意：border-radius必须放在最后声明。否则可能会失效。
另外，早期版本的Firefox的单个圆角的语句，与标准语法略有不同。
- * -moz-border-radius-topleft (标准语法：border-top-left-radius)
- * -moz-border-radius-topright(标准语法：border-top-right-radius)
- * -moz-border-radius-bottomleft(标准语法：border-bottom-left-radius)
- * -moz-border-radius-bottomright(标准语法：border-bottom-right-radius)
注意事项
虽然各大浏览器都支持border-radius,但是在某些细节上实现都不一样。当四个角的颜色、宽度、风格、单位都相同时，所有浏览器的渲染结构基本一致；一旦四个角的设置不相同，就会出现很大的差异。
另外，并非所有浏览器，都支持将圆角设置为一个百分比值。因此，目前最安全的做法，就是将每个圆角边框的风格和宽度都设为一样的值，并且避免使用百分比值。
说明：
该文摘抄自：http://www.ruanyifeng.com/blog/2010/12/detailed_explanation_of_css3_rounded_corners.html
