Question

css3 圆角怎么做？

Answer 1

作用样式：

border-radius:5px 15px 20px 25px;

支持上、右、下、左

因css3的兼容性

-moz(例如 -moz-border-radius)用于Firefox

-webkit(例如：-webkit-border-radius)用于Safari和Chrome。

实例圆角边框：

<div id="round"></div>
#round {
   padding:10px; width:300px; height:50px;
   border: 5px solid #dedede;
   -moz-border-radius: 15px;      /* Gecko browsers */
   -webkit-border-radius: 15px;   /* Webkit browsers */
   border-radius:15px;            /* W3C syntax */
}

Answer 2

可以使用border-radius来设置，但目前很多浏览器是不支持的，ie9以下都是不行的，如果一定要用圆角的话，那可以使用JS来实现，网上有很多，或者把圆角做成图片形式在拼起来

Answer 3

border-radius: （左上角值）（右上角值）（左下角值）（右下角值）;
参考资料
http://hi.baidu.com/49201650/item/72492bd3e5fefe332b35c7ca

Answer 4

border-radius: 5px;

Answer 5

额，PhotoShop ？

追问

不是ps的问题