3-25作业提交

来源:3-25 编程练习

qq_慕斯7214945

2020-08-25 11:59:13

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>渐变应用</title>

    <style type="text/css">

        div{

            width: 400px;

            height: 400px; 

            background-color:yellow;

            background-size: 100px 100px;

            background-image: 

            -webkit-linear-gradient(45deg,purple 25%,transparent 25%),

            -webkit-linear-gradient(-45deg,purple 25%,transparent 25%), 

            -webkit-linear-gradient(45deg,transparent 75%, purple 75%),

            -webkit-linear-gradient(-45deg,transparent 75%,purple 75%);

            background-image: 

            -moz-linear-gradient(45deg,purple 25%,transparent 25%),

            -moz-linear-gradient(-45deg,purple 25%,transparent 25%),

            -moz-linear-gradient(45deg,transparent 75%, purple 75%),

            -moz-linear-gradient(-45deg,transparent 75%,purple 75%);

            background-image:

            -o-linear-gradient(45deg,purple 25%,transparent 25%),

            -o-linear-gradient(-45deg,purple 25%,transparent 25%),

            -o-linear-gradient(45deg,transparent 75%, purple 75%),

            -o-linear-gradient(-45deg,transparent 75%,purple 75%);

            background-image: 

            linear-gradient(45deg,purple 25%,transparent 25%),

            linear-gradient(-45deg,purple 25%,transparent 25%),

            linear-gradient(45deg,transparent 75%, purple 75%),

            linear-gradient(-45deg,transparent 75%,purple 75%);

        }

    </style>

</head>

<body>

    <div></div>  

</body>

</html>


写回答

1回答

好帮手慕码

2020-08-25

同学你好,代码正确,很棒,祝学习愉快!

0

0 学习 · 40143 问题

查看课程

相似问题