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