有几个问题

1、

:root{

--h1:#1b2f90;

--bg:#f9f9f6;

}

是什么意思？

2、border-radius:51px/40px 40px 8px 8px;

是什么意思？我看了评论区的答案，那么每个角都设两个不同的值该怎么写？

是51px 25px 34px 12px/40px 40px 8px 8px还是51px/40px 25px/40px 34px/8px 12px/8px?

源自：项目：CSS3实现汉克狗案例 2-1 汉克狗头部轮廓和耳朵

收起

4回答

好帮手慕码回答被采纳获得+3积分 2020-05-19 18:46:07

同学你好，解答如下：

（1）是的，51px/40px 51px/40px 51px/8px 51px/8px的书写方法是错误的。

（2）当属性值书写为：border-radius: 2px 1px 4px / 0.5px 3px;

会解析为：

所以51px 25px/40px 40px 8px 8px同理，会解析为：

这是border-radius的其中一种用法哦。

祝学习愉快~

好帮手慕码 2020-05-19 17:37:23

同学你好，解答如下：

（1）51px/40px 40px 8px 8px表示的是四个角的水平值都是51px，可以看如下图，以及浏览器解析之后的代码：

（2）如果是四个角，水平和垂直方向值都不一样的话，在代码中要写成是51px 25px 34px 12px/40px 40px 8px 8px，浏览器会解析为如下：

同学可以再理解一下。祝学习愉快~

提问者慕婉清6507108 #1

51px/40px 51px/40px 51px/8px 51px/8px这种写法是不是错误的？

2020-05-19 18:02:42
提问者慕婉清6507108 #2

如果是51px 25px/40px 40px 8px 8px又代表啥意思呢？就是/左右不满足4个值又多余一个值的情况呢？

2020-05-19 18:05:50

好帮手慕码 2020-05-19 17:02:19

同学你好，代码51px/40px 40px 8px 8px表示的四个角如下：

51px/40px 25px/40px 34px/8px 12px/8px

不仅仅是第一个角的水平值是51px。

另，border-radius属性一个角分为水平方向和垂直方向，所以51px/40px就表示水平方向的值是51px ，而垂直方向的值是40px。

祝学习愉快~

提问者慕婉清6507108 #1

我问的是51px/40px 40px 8px 8px是啥意思。是第一个角水平51px垂直40px，还是四个角的水平都是51px?

2020-05-19 17:15:59

好帮手慕码 2020-05-19 11:57:13

同学你好，解答如下：

（1）:root是CSS3中的选择器，:root选择器用匹配文档的根元素，而--h1等是变量，具体可以参考教辅理解一下：http://file.mukewang.com/class/assist/276/3661251/CSS3%E6%A1%88%E4%BE%8B%E6%95%99%E8%BE%85.pdf

（2）border-radius属性可以设置四个角的值，一个角可以分为水平方向和垂直方向。如果是每个角都设两个不同的值的话，就用/隔开，所以在写法中应是：51px 25px 34px 12px/40px 40px 8px 8px。或者可以分开写，例如: