css3 圆角怎么做?

发布网友发布时间：2022-04-06 10:40

我来回答

共7个回答

热心网友时间：2022-04-06 12:09

作用样式：

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 */
}

热心网友时间：2022-04-06 13:27

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

热心网友时间：2022-04-06 15:02

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

热心网友时间：2022-04-06 16:53

border-radius: 5px;

热心网友时间：2022-04-06 19:01

额，PhotoShop ？追问不是ps的问题

来自：求助得到的回答

热心网友时间：2022-04-06 21:26

border-radius

热心网友时间：2022-04-07 03:05

-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius:5px 5px;
-webkit-border-top-right-radius:5px 5px;
-webkit-border-bottom-right-radius:5px 5px;
-webkit-border-bottom-left-radius:5px 5px;