background-image: url();

background-repeat: no-repeat;

background-position: center; 背景图片位置

background-size: cover; 背景放大会完全占完位置，图片可能有缺失

background: url(img/1.png) no-repeat center/cover; 复合属性

div:hover{background: red;} 鼠标在div身上就显示红色

wrap是父元素 box是子元素  .wrap:hover .box{}鼠标出现父元素身上改变的是子元素的效果

css选择器的空格代表选择后代元素