老师,请检查
来源: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
同学你好,代码实现正确。继续加油,祝学习愉快~
相似问题