background-color 设置背景颜色
background-img 设置背景图片
语法：background-img:url(图片的相对路径)
如果背景图片大于元素大小，默认会显示图片的左上角。如果背景图片和元素一样大，则会将背景图片全部显示。如果背景图片小于元素大小，则会默认将背景图片以平铺的方式充满元素。可以同时为一个元素指定背景图片和背景颜色，这样背景颜色将会作为背景图片的底色。
一般情况下设置背景图片时，都会指定一个背景颜色。
<style> .box { width: 3000px; height: 1000px; background: url("bg-1.jpg"); } </style> <body> <div class="box"></div> </body>background-repeat用于设置背景图片的重复方式
可选值 repeat： 双方向重复no-repeat：背景图片不会重复，有多大就显示多大。repeat-x：背景图片水平方向重复。repeat-y: 背景图片垂直方向重复。 background-repeat: no-repeat; background-repeat: repeat-x; background-repeat: repeat-y;background-position设置背景图片在元素中的位置 可选值：
该属性可以使用 top、left、right、bottom、center 中的两个值来指定一个背景图片的位置例如： top,left表示左上 bottom,right表示右下 centet,center表示居中
如果只给出一个值，第二个值默认是 center。
background-position: center;也可以直接指定2个偏移量
第一个值是水平偏移量， 如果指定一个正值，则向右移动指定的像素。如果指定一个负值，则向左移动指定的像素。 第二个值是垂直偏移量。 如果指定一个正值，则向下移动指定的像素。如果指定一个负值，则向上移动指定的像素。 <style> .box { width: 1000px; height: 1000px; background: url("bg-1.jpg"); background-color: deeppink; background-repeat: no-repeat; background-position: 100px 100px; } </style> <body> <div class="box"></div> </body> background-position: -100px -100px;background-attachment用来设置背景图片是否随页面一起滚动。
可选值： scroll：默认值，背景图片随着窗口滚动。 fixed：背景图片会固定在某一位置，不随页面滚动。 当背景图片的设置为 fixed 时，背景图片的定位永远相对于窗口。 不随窗口滚动的图片，一般都会设置给 body，而不设置给其他元素。 <style> .body{ height:5000px; } .box { width: 1000px; height: 5000px; background: url("bg-1.jpg"); background-color: deeppink; background-repeat: no-repeat; background-attachment: fixed; } </style> <body> <div class="box">填充内容</div> </body>background-size设置背景图片大小。图片可以保有其原有的尺寸，或者拉伸到新的尺寸，或者在保持其原有比例的同时缩放到元素的可用空间的尺寸。
单张图片的背景大小可以使用以下三种方法中的一种来规定：
使用关键词 contain使用关键词 cover设定宽度和高度值 当通过宽度和高度值来设定尺寸时，你可以提供一或者两个数值: 如果仅有一个数值被给定，这个数值将作为宽度值大小，高度值将被设定为auto。如果有两个数值被给定，第一个将作为宽度值大小，第二个作为高度值大小。MDN官方文档
background-origin 规定了指定背景图片background-image 属性的原点位置的背景相对区域.
background-clip 设置元素的背景（背景图片或颜色）是否延伸到边框下面。
background是一种 CSS 简写属性，用于一次性集中定义各种背景属性，包括 color, image, origin 与 size, repeat方式等等。
