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

同学你好,代码效果实现了,继续加油,祝学习愉快~

0

好帮手慕鹤

2020-09-10

同学你好,代码效果实现了,继续加油,祝学习愉快~

0

0 学习 · 40143 问题

查看课程