老师可以具体讲讲border-radius吗?

来源:2-13 编程练习

qq_慕九州2374973

2019-11-17 14:22:42

为啥border-radius: 2em 1em 4em / 0.5em 3em 等价于

border-top-left-radius: 2em 0.5em;
border-top-right-radius: 1em 3em;
border-bottom-right-radius: 4em 0.5em;
border-bottom-left-radius: 1em 3em;

没看明白。

有的 前/后 ,前和后的参数个数也不一样

写回答

2回答

好帮手慕夭夭

2019-11-17

同学你好,你的理解是对的。border-radius: 2em 1em 4em / 0.5em 3em;等价于 border-radius:2em 1em 4em 1em / 0.5em 3em 0.5em 3em; ,就是参数值一样写成简写方式了。

这种前/后方式在实际开发中不常用,简单的了解一下即可。

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

0

qq_慕九州2374973

提问者

2019-11-17

难道是border-radius: 2em 1em 4em / 0.5em 3em等价于border-radius:2em 1em 4em 1em / 05em 3em 0.5em 3em?

0

0 学习 · 40143 问题

查看课程