老师,请检查

来源:3-14 编程练习

unbreakable_全栈

2020-06-11 12:15:12

<!DOCTYPE html>

<html>


<head lang="en">

   <meta charset="UTF-8">

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

   <style type="text/css">

      div {

         width: 800px;

         height: 400px;

         border: 1px solid red;

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

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

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

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

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

      }

   </style>

</head>


<body>

   <div></div>

</body>


</html>


写回答

2回答

好帮手慕码

2020-06-11

同学你好,抱歉老师这边只查看了效果,导致没有看到代码中的问题。兼容的前缀要写在后面,如下图:(而同学的能正常显示是因为最后一句代码起了作用。)

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

同学可以自己发现问题也是棒棒哒;感谢同学帮助“捉虫”,老师以后答疑会更加谨慎哦~

祝学习愉快~

0

好帮手慕码

2020-06-11

同学你好,代码实现正确。继续加油,祝学习愉快~

0

0 学习 · 40143 问题

查看课程

相似问题