老师，请检查，谢谢
来源：3-2 编程练习
慕神8387157
2019-05-26 12:48:54
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>线性渐变</title>
<style type="text/css">
/*此处写代码*/
*{
margin: 0;
padding:0;
}
div{
width: 300px;
height: 300px;
float:left;
margin-left: 10px;
}
.one{
background:-webkit-linear-gradient(orange,red);
background: -moz-linear-gradient(orange,red);
background: -o-linear-gradient(orange,red);
background: linear-gradient(orange,red);
}
.two{
background:-webkit-linear-gradient(left,orange,red);
background: -moz-linear-gradient(right,orange,red);
background: -o-linear-gradient(right,orange,red);
background: linear-gradient(to right,orange,red);
}
.thr{
background:-webkit-linear-gradient(left top,orange,red);
background: -moz-linear-gradient(right bottom,orange,red);
background: -o-linear-gradient(right bottom,orange,red);
background: linear-gradient(to right bottom,orange,red);
}
</style>
</head>
<body>
<div class="one"></div>
<div class="two"></div>
<div class="thr"></div>
<!--此处写代码-->
</html>
1回答
-
Miss路
2019-05-26
同学，你好。
这么简单的问题你自己得对照一下效果呀，自己都看出来错就要自己改过来，让老师帮你对照效果对于你自身来说，意义不大，你的代码效果明显颜色和最后一个效果不对，所有的orange都换成yellow，换了颜色之后就看的更明显了。最后一个你再看看黄色的角在哪儿，换一下就好，看你的代码你有能力改好。加油！
如果帮助到了你，欢迎采纳！
祝学习愉快！
0
相似问题