border-radius具体拿到图形尺寸后怎么分析
来源：2-12 汉克狗最终动画效果
迷失的小麦
2019-11-18 16:18:52
我知道原理，就是拿到需要的图形尺寸后不会分析
/前面代表的是水平方向，都是同一个值。/后面代表的是垂直方向，从左上角开始算
当使用boder-radius属性合在一起写的时候，一个角的两个方向都包括了。如果要设置不一样的值，需要用/隔开。顺序为左上角-右上角-右下角-左下角
写回答
1回答
-
同学你好，是对boder-radius的使用方法不熟悉么？下面老师结合图形帮你分析一下：
1、先来看一张示意图
2、当拿到一个图形的时候，可以理解成是在角的位置放了一个圆形，设置的参数就是圆形的半径，/前和/后分别是水平半径和垂直半径（横向的半径和纵向的半径），设置参数的顺序分别是左上、右上、右下、左下，在这里简称为1、2、3、4，设置这样的参数 50px 50px 50px 50px/25px 25px 25px 25px;（相当于50px/25px），也就是1 2 3 4的水平半径都是50像素，垂直半径都是25像素，就会得到这样的图形：
如果我的回答帮助了你，希望采纳，祝学习愉快！
0
相似问题