关于border-radius的问题

来源:2-1 汉克狗头部轮廓和耳朵

慕婉清5296191

2019-09-06 20:26:09

其他的属性都懂,这个属性是对应着改变哪个方向,自己实验没看懂.....{border-radius:10px 20px/20px 30px 40px 50px}

写回答

2回答

好帮手慕糖

2019-09-07

同学你好,border-radius属性其实一个角是有两个值的,一个水平方向,一个垂直方向。例如:

http://img.mukewang.com/climg/5d735fa50001a4b904430264.jpg

http://img.mukewang.com/climg/5d735fb00001e24402640242.jpg

如果多个方向角一起写的话,水平和垂直方向用/隔开,如下:

http://img.mukewang.com/climg/5d735fbf0001c82a10550689.jpg

从左上角开始顺时针旋转设置。

同学的这个border-radius: 10px 20px/20px 30px 40px 50px;相当于如下:

http://img.mukewang.com/climg/5d73603e0001415b05530140.jpg

希望能帮助到你,祝学习愉快!

1

慕工程0025061

2019-09-07

你把/左边当作x轴平移  /右边当作y轴垂直就好了

1

0 学习 · 40143 问题

查看课程