请问这样对吗？

<!DOCTYPE html>

<html>

<head>

<title>重复的彩虹</title>

div{

width:800px;height:400px;border:1px solid red;

background: -webkit-repeating-linear-gradient(90deg ,red,orange 5%,yellow 10%,green 15%,deepskyblue 20%,blue 25%,purple 30%);

/* Safari 5.1 - 6.0 */

background: -o-repeating-linear-gradient(90deg ,red,orange 5%,yellow 10%,green 15%,deepskyblue 20%,blue 25%,purple 30% );

/* Opera 11.1 - 12.0 */

background: -moz-repeating-linear-gradient(90deg ,red,orange 5%,yellow 10%,green 15%,deepskyblue 20%,blue 25%,purple 30%);

/* Firefox 3.6 - 15 */

background: repeating-linear-gradient(90deg ,red,orange 5%,yellow 10%,green 15%,deepskyblue 20%,blue 25%,purple 30% );

/*补充代码，写出div背景颜色的渐变效果*/

}

</style>

</head>

<body>

</body>

</html>

我可以这样理解吗，就是说每个颜色完整颜色不产生渐变的只有红色在0%的位置，橙色在5%的位置，其余都是他们各自向下一个颜色的渐变不是纯粹的一个颜色了？

源自：CSS3背景与渐变 3-14 编程练习

收起

2回答

好帮手慕夭夭 2019-09-23 13:45:28

你好同学，同学原来是这个意思，老师刚开始以为你说的是红色和橙色是纯色，其他的颜色都是渐变。按你的理解是可以的，一个颜色刚开始的地方是纯色的，越接近下一个颜色越不纯。例如红色到黄色的渐变，红色开始位置颜色最正，越到后面，颜色渐渐的就好过渡到黄色了。

祝学习愉快，望采纳。

好帮手慕夭夭 2019-09-23 09:42:56

你好同学，实现的是对的。很棒！上半句理解的不对，本身就是设置的渐变，所以从红色到橙色也是有渐变效果的。可能颜色有一点接近，效果不太明显。

祝学习愉快，望采纳。

提问者 weixin_慕后端7118097 #1

就是说这么写的话，其实只有最后一个颜色后面的部分是纯色，其余只要后面还有设置多一个颜色，那么它就会是渐变效果而不是纯色？

2019-09-23 10:08:25
提问者 weixin_慕后端7118097 #2

width:800px;height:400px;border:1px solid red; background: -webkit-repeating-linear-gradient(90deg ,red 0%,orange 5%,yellow 10%,green 15%,deepskyblue 20%,blue 25%,purple 30%); /* Safari 5.1 - 6.0 */ background: -o-repeating-linear-gradient(90deg ,red 0%,orange 5%,yellow 10%,green 15%,deepskyblue 20%,blue 25%,purple 30% ); /* Opera 11.1 - 12.0 */ background: -moz-repeating-linear-gradient(90deg ,red 0%,orange 5%,yellow 10%,green 15%,deepskyblue 20%,blue 25%,purple 30%); /* Firefox 3.6 - 15 */ background: repeating-linear-gradient(90deg ,red 0%,orange 5%,yellow 10%,green 15%,deepskyblue 20%,blue 25%,purple 30% ); 那请问这么写的话？是不是就是说0%的部分是纯粹的红色，0到5%是红色大橙色的渐变，5%到10%是橙色到黄色的渐变，一次类推，然后这个例子有没有那一部分纯粹的颜色？

2019-09-23 10:13:17