背景图像应用及渐变

背景

背景颜色

背景图片

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

渐变

background-color: #4158D0;
background-image: linear-gradient(112deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);