为什么无法实现效果？

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>重复的彩虹</title>
    <style type="text/css">
    div {
        width: 800px;
        height: 400px;
        border: 1px solid red;
        /*补充代码，写出div背景颜色的渐变效果*/
        background: -webkit-repeating-linear-gradient(90deg,red 0%,orange 5%,yellow 10%,green 15%,blue 20%,,indigo 25%,violet 30%);
        background:    -moz-repeating-linear-gradient(90deg,red 0%,orange 5%,yellow 10%,green 15%,blue 20%,,indigo 25%,violet 30%);
        background:      -o-repeating-linear-gradient(90deg,red 0%,orange 5%,yellow 10%,green 15%,blue 20%,,indigo 25%,violet 30%);
        background:         repeating-linear-gradient(90deg,red 0%,orange 5%,yellow 10%,green 15%,blue 20%,,indigo 25%,violet 30%);
    }
    </style>
</head>

<body>
    <div></div>
</body>

</html>

qq_鸭绿桥第一帅哥_0 2019-03-15

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

收起

1回答

提问者 qq_鸭绿桥第一帅哥_0 2019-03-15 18:36:34

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>重复的彩虹</title>
    <style type="text/css">
    div {
        width: 800px;
        height: 400px;
        border: 1px solid red;
        /*补充代码，写出div背景颜色的渐变效果*/
        background: -webkit-repeating-linear-gradient(90deg,red 0%,orange 5%,yellow 10%,green 15%,blue 20%,indigo 25%,violet 30%);
        background:    -moz-repeating-linear-gradient(90deg,red 0%,orange 5%,yellow 10%,green 15%,blue 20%,indigo 25%,violet 30%);
        background:      -o-repeating-linear-gradient(90deg,red 0%,orange 5%,yellow 10%,green 15%,blue 20%,indigo 25%,violet 30%);
        background:         repeating-linear-gradient(90deg,red 0%,orange 5%,yellow 10%,green 15%,blue 20%,indigo 25%,violet 30%);
    }
    </style>
</head>

<body>
    <div></div>
</body>

</html>

找到错误了，请老师过目

收起回答