请问这样对吗?
来源:3-14 编程练习
weixin_慕后端7118097
2019-09-20 20:42:51
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>重复的彩虹</title>
<style type="text/css">
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>
<div></div>
</body>
</html>
我可以这样理解吗,就是说每个颜色完整颜色不产生渐变的只有红色在0%的位置,橙色在5%的位置,其余都是他们各自向下一个颜色的渐变不是纯粹的一个颜色了?
2回答
好帮手慕夭夭
2019-09-23
你好同学,同学原来是这个意思,老师刚开始以为你说的是红色和橙色是纯色,其他的颜色都是渐变。按你的理解是可以的,一个颜色刚开始的地方是纯色的,越接近下一个颜色越不纯。例如红色到黄色的渐变,红色开始位置颜色最正,越到后面,颜色渐渐的就好过渡到黄色了。
祝学习愉快,望采纳。
好帮手慕夭夭
2019-09-23
你好同学,实现的是对的。很棒!上半句理解的不对,本身就是设置的渐变,所以从红色到橙色也是有渐变效果的。可能颜色有一点接近,效果不太明显。
祝学习愉快,望采纳。
相似问题