麻烦老师看看有没有问题

来源:2-24 编程练习

慕尼黑8359237

2021-08-22 20:11:15

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>线性渐变</title>

    <style type="text/css">

    /*此处写代码*/

    .box1{

        width:100px; 

        height:100px;

        background-image: linear-gradient(yellow,red);

        margin-right:20px;

        float:left;

    }

    

    .box2{

        width:100px; 

        height:100px;

        background-image: linear-gradient(to right,yellow,red);

        float:left;

        margin-right:20px;

    }

    

    .box3{

        width:100px; 

        height:100px;

        background-image: linear-gradient(-45deg,yellow,red);

        float:left;

        margin-right:20px;

    }

    </style>

</head>

<body> 

    <!--此处写代码-->

    <div class="box1"></div>

    <div class="box2"></div>

    <div class="box3"></div>

</html>


写回答

1回答

好帮手慕然然

2021-08-23

同学你好,代码实现没问题,继续加油,祝学习愉快!

0

0 学习 · 17877 问题

查看课程