这样写可以吗?

来源:3-25 编程练习

weixin_慕田峪7033080

2020-05-21 21:22:03

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>渐变应用</title>

    <style type="text/css">

        div{

            width: 400px;

            height: 400px;   

            background-color:yellow;

            /*补充代码*/

        }

         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-05-22

同学你好,代码是正确的。继续加油,祝学习愉快!

0

0 学习 · 40143 问题

查看课程