关于border-radius的个人理解

border-radius是制作边框圆角

border-radius的基本语法:

border-radius:none||length/length

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

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

border-radius:

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

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

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

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

仅为自己理解

原文地址:https://www.cnblogs.com/7-Eleven/p/5631221.html