3-7作业提交
来源：3-7 编程练习
qq_慕斯7214945
2020-08-24 22:07:04
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>线性渐变</title>
<style type="text/css">
div{
width:400px;height:400px;border:1px solid red;
/*补充代码，给div元素设置背景渐变*/
background:-webkit-linear-gradient(left,rgba(255,0,0,0) 20%,rgba(255,0,0,1) 50%,rgba(0,255,0,.7) 90%);
background:-moz-linear-gradient(right,rgba(255,0,0,0) 20%,rgba(255,0,0,1) 50%,rgba(0,255,0,.7) 90%);
background:-o-linear-gradient(right,rgba(255,0,0,0) 20%,rgba(255,0,0,1) 50%,rgba(0,255,0,.7) 90%);
background:linear-gradient(to right,rgba(255,0,0,0) 20%,rgba(255,0,0,1) 50%,rgba(0,255,0,.7) 90%);
}
</style>
</head>
<body>
<div></div>
</body>
</html>
1回答
-
好帮手慕星星
2020-08-25
同学你好，代码实现效果很棒。继续加油，祝学习愉快！
0
相似问题