关于border-radius的问题

来源:2-13 编程练习

pine小松

2020-03-29 16:42:23

border-radius:length/length中左边的length代表什么意义呢,和右边的length有什么不同,要怎么去设置,怎么使用呢?

写回答

1回答

好帮手慕慕子

2020-03-29

同学你好,左边和右边的length分别代码一个角的水平方向和垂直方向的值, 可以参考下面的解释理解:

border-radius属性可以设置四个角的值,一个角可以分为水平方向和垂直方向,例如:

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

效果:

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

如果是写多个值的话,就用/隔开,例如:border-radius: 31px / 10px 10px 22px 22px;

这样写的意思是:

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

如果我的回答帮到了你,欢迎采纳,祝学习愉快~

1

0 学习 · 40143 问题

查看课程