CSS背景、渐变

• 图片背景

div{
            width:1000px;
            height:700px;
            border:1px solid orangered;
            background-image: url("images/1.jpg");
            /*默认是全部平铺的*/
        }
        .div1{
            background-repeat: repeat-x;
        }
        .div2{
            background-repeat: repeat-y;
        }
        .div3{
            background-repeat: no-repeat;
        }

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lYdIQjWj-1643435527341)(C:\Users\Damon\Desktop\study\note\image\image-20220129115622609.png)]

• 渐变

  <style>
       /*径向渐变，圆形渐变*/
       body{
           /*background-color: #4158D0;*/
           background: linear-gradient(123deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
  
       }
  
   </style>