麻烦老师查看作业，谢谢。

来源：2-24 编程练习

DanielDu87

2021-12-21 20:30:34

<!DOCTYPE html>
<html lang="zh">
   <head lang="en">
      <meta charset="UTF-8">
      <title>线性渐变</title>
      <style type="text/css">
         /*此处写代码*/
         div {
            float: left;
            margin: 10px;
            width: 200px;
            height: 200px;
         }
         
         .b1 {
            background-image: linear-gradient(to bottom, yellow, red);
         }
         
         .b2 {
            background-image: linear-gradient(to right, yellow, red);
         }
         
         .b3 {
            background-image: linear-gradient(-45deg, yellow, red);
         }
      </style>
   </head>
   <body>
      <div class="b1"></div>
      <div class="b2"></div>
      <div class="b3"></div>
   </body>
</html>

写回答

1回答