在CSS中，background属性是一个复合属性，用于设置元素的背景，它不仅可以一次性设置所有的背景属性，如背景颜色、背景图像、背景重复、背景附件等，还可以分别设置这些属性。

background属性的主要属性如下：

1、backgroundcolor：设置元素的背景颜色。

2、backgroundimage：设置元素的背景图像。

3、backgroundrepeat：设置背景图像的重复方式。

4、backgroundattachment：设置背景图像是否随页面滚动而滚动。

5、backgroundposition：设置背景图像的位置。

6、backgroundsize：设置背景图像的大小。

7、backgroundorigin：设置背景图片的定位区域。

8、backgroundclip：设置背景的绘制区域。

9、backgroundblendmode：设置背景图像的混合模式。

10、backgroundcolor：设置元素的背景颜色。

11、backgroundimage：设置元素的背景图像。

12、backgroundrepeat：设置背景图像的重复方式。

13、backgroundattachment：设置背景图像是否随页面滚动而滚动。

14、backgroundposition：设置背景图像的位置。

15、backgroundsize：设置背景图像的大小。

16、backgroundorigin：设置背景图片的定位区域。

17、backgroundclip：设置背景的绘制区域。

18、backgroundblendmode：设置背景图像的混合模式。

下面，我们将详细介绍这些属性的使用方法。

1、backgroundcolor：这个属性用于设置元素的背景颜色，你可以直接输入颜色名称，如"red"、"blue"等，也可以输入颜色的十六进制代码，如"#FF0000"表示红色，"#0000FF"表示蓝色，还可以使用RGB或RGBA值来设置颜色，如"rgb(255,0,0)"表示红色，"rgba(255,0,0,0.5)"表示半透明的红色。

2、backgroundimage：这个属性用于设置元素的背景图像，你可以直接输入图像的URL，或者使用CSS预定义的关键字，如"none"表示无图像，"initial"表示使用浏览器默认的图像，"inherit"表示继承父元素的图像，还可以使用图像的属性和选择器来设置图像，如"url(image.jpg) 2x"表示使用高分辨率版本的图像，"url(#myImage)"表示使用ID为myImage的元素的图像。

3、backgroundrepeat：这个属性用于设置背景图像的重复方式，它的值可以是"repeat"（默认值，图像在水平和垂直方向上都重复）、"repeatx"（图像只在水平方向上重复）、"repeaty"（图像只在垂直方向上重复）或"norepeat"（图像不重复）。

4、backgroundattachment：这个属性用于设置背景图像是否随页面滚动而滚动，它的值可以是"scroll"（默认值，图像随页面滚动）、"fixed"（图像固定不动）或"local"（图像相对于元素的内容框固定）。

5、backgroundposition：这个属性用于设置背景图像的位置，它的值可以是一组用空格分隔的值，如"top left"、"center center"等，也可以是长度值，如"50% 50%"表示图像的中心位置，"10px 20px"表示距离左上角10像素、距离顶部20像素的位置，还可以使用关键词来设置位置，如"top"、"bottom"、"left"、"right"、"center"等。

6、backgroundsize：这个属性用于设置背景图像的大小，它的值可以是一组用空格分隔的值，如"100% auto"表示宽度自动，高度为宽度的百分比，也可以是长度值，如"200px 100px"表示宽度为200像素，高度为100像素，还可以使用关键词来设置大小，如"contain"（缩放图像以填充容器）、"cover"（缩放图像以覆盖容器）等。

7、backgroundorigin：这个属性用于设置背景图片的定位区域，它的值可以是"paddingbox"（默认值，从内边距区域开始定位）、"borderbox"（从边框区域开始定位）或"contentbox"（从内容区域开始定位）。

8、backgroundclip：这个属性用于设置背景的绘制区域，它的值可以是"borderbox"（默认值，从边框区域开始绘制）、"paddingbox"（从内边距区域开始绘制）或"contentbox"（从内容区域开始绘制）。

9、backgroundblendmode：这个属性用于设置背景图像的混合模式，它的值可以是CSS预定义的混合模式名称，如"normal"（默认值，正常显示）、"multiply"（颜色相乘）、"screen"（颜色相加）等。

以上就是CSS中background属性的主要属性及其使用方法，通过合理地使用这些属性，我们可以创建出各种各样的背景效果，从而提升网页的视觉效果和用户体验。