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: 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