3-7 编程练习作业提交
来源:3-7 编程练习
MiMicccc
2020-09-10 00:03:11
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>线性渐变</title>
<style type="text/css">
div{
width:400px;height:400px;border:1px solid red;
/*补充代码,给div元素设置背景渐变*/
background: -webkit-linear-gradient(90deg,rgba(255,0,0,0) 0%,rgba(255,255,255,1) 20%,rgba(255,0,0,1) 50%,rgba(0,255,0,0.7) 90%);
background: -moz-linear-gradient(90deg,rgba(255,0,0,0) 0%,rgba(255,255,255,1) 20%,rgba(255,0,0,1) 50%,rgba(0,255,0,0.7) 90%);
background: -o-linear-gradient(90deg,rgba(255,0,0,0) 0%,rgba(255,255,255,1) 20%,rgba(255,0,0,1) 50%,rgba(0,255,0,0.7) 90%);
background: linear-gradient(90deg,rgba(255,0,0,0) 0%,rgba(255,255,255,1) 20%,rgba(255,0,0,1) 50%,rgba(0,255,0,0.7) 90%);
}
</style>
</head>
<body>
<div></div>
</body>
</html>2回答
好帮手慕鹤
2020-09-10
同学你好,代码效果实现了,继续加油,祝学习愉快~
好帮手慕鹤
2020-09-10
同学你好,代码效果实现了,继续加油,祝学习愉快~
相似问题