2-1疑问

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

Yuri沫

2020-01-12 16:35:08

1. :root 就等于html是吗?

2. css3变量这种写法有兼容性问题吗?

3. border-radius:51px/40px 40px 8px 8px;这种写法应该怎么理解?


写回答

1回答

好帮手慕言

2020-01-12

同学你好,关于同学的疑问,解答如下:

1、是的。:root是CSS3中的选择器,:root选择器用匹配文档的根元素。

2、有兼容性问题,一般低版本的浏览器不支持这种写法。

3、border-radius属性一个角分为水平方向和垂直方向,例如:

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

效果:

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

所以当使用border-radius属性合在一起写的时候,一个角的两个方向都包括了。如果要设置不一样的值,需要用/隔开。顺序为左上角-右上角-右下角-左下角 ,例如:

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

/前面的第一个值和/后面的第一个值是一组,后面以此类推。

另外:border-radius:51px/40px 40px 8px 8px ;也就是:

border-top-left-radius: 51px 40px;

border-top-right-radius: 51px 40px;

border-bottom-right-radius: 51px 8px;

border-bottom-left-radius: 51px 8px;

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

0

0 学习 · 5012 问题

查看课程

相似问题

2-1汉克狗

回答 1

2-1视频中

回答 1

2-15问题

回答 1

2-15作业

回答 3

2-15作业

回答 3