请老师检查一下代码，还有个疑问：为什么我做的彩虹轮廓不明显？我看题目给出来的效果图每一层之间的线条很明显。
相关代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>每个人心中都有一道彩虹</title>
<style type="text/css">
/*此处写代码*/
*{
margin: 0;
padding: 0;
}
.parent{
width: 1000px;
height: 500px;
overflow:hidden;
}
.parent .box{
width: 1000px;
height: 1000px;
background-image: radial-gradient(50% 50%,white 30%,red 40%,orange 50%,yellow 60%,green 70%,blue 80%,purple 90%,white 100%);
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="parent">
<div class="box"></div>
</div>
</body>
</html>
12
收起
正在回答
1回答
同学你好，代码实现没有问题，关于同学的疑问解答如下：
使用渐变实现“彩虹”效果时，从一个颜色变为另一个颜色的过程中，颜色是逐渐变化的，不是突然之间变成下一个颜色，所以两个渐变颜色之间界限是模糊的，使用渐变画出来的彩虹轮廓也就不是很明显。
建议同学可以使用其他思路来实现彩虹效果：每条彩虹颜色可以使用边框来完成
参考代码如下：
祝学习愉快！
相似问题
老师，我这个为什么执行不出来
19
0
10
为什么我把网页缩放比例缩小或放大时，网页布局就乱了。
43
0
10
请问老师原理是什么
70
3
16
请问老师，我的分割线为什么显示不出来呀？
8
0
4
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星