css3 圆角怎么做?

border-radius:5px 15px 20px 25px;支持上、右、下、左 因css3的兼容性 -moz(例如 -moz-border-radius)用于Firefox -webkit(例如:-webkit-border-radius)用于Safari和Chrome。实例圆角边框:#round { padding:10px; width:300px; height:50px; border: 5px solid #dedede; -moz-bor...
css3 圆角怎么做?
可以使用border-radius来设置,但目前很多浏览器是不支持的,ie9以下都是不行的,如果一定要用圆角的话,那可以使用JS来实现,网上有很多,或者把圆角做成图片形式在拼起来2012-12-20
作用样式:
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 */}

2015-09-22
border-radius: (左上角值)(右上角值)(左下角值)(右下角值);
参考资料
http://hi.baidu.com/49201650/item/72492bd3e5fefe332b35c7ca2012-12-20
border-radius: 5px;2012-12-20
额,PhotoShop ?2012-12-20
border-radius2012-12-20
border-radius2012-12-20
-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;2012-12-20
mengvlog 阅读 34 次 更新于 2025-08-06 20:54:58 我来答关注问题0
檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部