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回答
同学你好,关于同学的疑问,解答如下:
1、是的。:root是CSS3中的选择器,:root选择器用匹配文档的根元素。
2、有兼容性问题,一般低版本的浏览器不支持这种写法。
3、border-radius属性一个角分为水平方向和垂直方向,例如:

效果:

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

/前面的第一个值和/后面的第一个值是一组,后面以此类推。
另外: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;
如果我的回答帮到了你,欢迎采纳,祝学习愉快~