首页 > Web开发 > 详细

css3圆角讲解

时间:2014-08-27 16:29:38      阅读:284      评论:0      收藏:0      [点我收藏+]

Css3圆角讲解:想必大家对于图片,背景圆角,都不陌生吧,

圆角语法:border-radius:圆角值;

这个值可以使用:em ,ex,pt,px,百分比;

Border-radius跟margin,padding差不多

Border-radius:lefttop,righttop,rightbottom,leftbottom。

<div class="box1"></div>

.box1{width:200px;height:100px;border-radius:30px 5px;background:#f66f17;margin-top:30px;}

bubuko.com,布布扣

<div class="box2"></div>

.box2{width:200px;height:100px;border-radius:30px 20px 10px 0px;background:#f66f17;margin-top:30px;}

bubuko.com,布布扣

对于圆角理解起来应该,很简单。

对于百分比:目前最安全的做法,就是将每个圆角边框的风格和宽度,都设为一样的值,并且避免使用百分比值。

IE9以下是不支持此属性

如有问题,请指出。

css3圆角讲解

原文:http://www.cnblogs.com/fs521cw/p/3939576.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!