老师,请帮忙检查,谢谢

来源:3-14 编程练习

慕神8387157

2019-05-28 16:02:28

<!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>


写回答

1回答

好帮手慕星星

2019-05-28

你好,代码实现效果是可以的,很棒哦!

建议颜色上尽量与效果图中一致,参考修改:

http://img.mukewang.com/climg/5dbe81d809bba9fa12370149.jpg

祝学习愉快!

0

0 学习 · 40143 问题

查看课程