码迷,mamicode.com
首页 > 其他好文 > 详细

关于border-radius的个人理解

时间:2016-06-30 21:28:38      阅读:147      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!