背景 background

background为复合样式

可以设置color、image、repeat、position、size等属性，可分开设置，也可以同时设置

注意：设置position和size需要按照顺序设置，而且中间需用/隔开，其他属性顺序可以改变

.box{
            width: 800px;

            height: 600px;

            border: 10px dashed red;

            margin: 100px auto;
          
            background: green url("1.webp") no-repeat center / contain;
        }

一、常用的样式设置

1、设置为背景颜色

background-color:green;

2、设置为背景图片

background-image: url("图片的路径");

ps:当出现元素过大的时候，图片采用平铺的方式，若不采用平铺的方式，则通过设置 background-repeat 改变

background-repea