首页 > 其他 > 详细

关于border-radius的个人理解

时间:2016-06-30 21:27:50      阅读:116      评论:0      收藏:0      [点我收藏+]

border-radius是制作边框圆角

border-radius的基本语法:

border-radius:none||length/length

<length>: 由浮点数字和单位标识符组成的长度值。不可为负值。(px,%)

border-radius是一种缩写方法。如果“/”前后的值都存在,那么“/”前面的值设置其水平半径,“/”后面值设置其垂直半径。如果没有“/”,则水平和垂直半径相等。

border-radius:

  只有1个值的时候,表示四个角相等;

  取两个值时,第一个值对应的是左上和右下,第二个值是右上和左下;

  取3个值得时候,第一个值指的是左上,第二个值指的是右上和左下,第三个值指的是右下;

  取4个值的时候,那就分别代表:左上,右上,右下,左下。

仅为自己理解

关于border-radius的个人理解

原文:http://www.cnblogs.com/7-Eleven/p/5631221.html

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