正在回答
同学你好，练习题的主要目的是让大家练习border-radius的使用，效果图也只是一个参考，不需要那么精准，和效果图差不多就行。实战的时候不用担心，一般老师会带领大家做页面，也会有测量的工具对页面进行标注。另外同学总结的不错，如果有其他问题，可以把自己练习的代码全部粘贴到问答区，老师帮助你指导一下哦。
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
1.(1)border-radius: 20px 30px 40px 50px / 50px 40px 30px 20px;
(2)border-top-left-radius: 20px 50px;
border-top-right-radius: 30px 40px;
border-bottom-right-radius: 40px 30px;
border-bottom-left-radius: 50px 20px;
(1)=(2)
/前面的第一个值和/后面的第一个值是一组，后面以此类推。
2.(1)border-radius: 51px / 40px 40px 30px 20px;
(2)border-top-left-radius: 51px 40px;
border-top-right-radius: 51px 40px;
border-bottom-right-radius: 51px 30px;
border-bottom-left-radius: 51px 20px;
(1)=(2)
/前面代表的是水平方向，都是同一个值。/后面代表的是垂直方向，从左上角开始算
3.当使用boder-radius属性合在一起写的时候，一个角的两个方向都包括了。如果要设置不一样的值，需要用/隔开。顺序为左上角-右上角-右下角-左下角
原理总结如上
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星