1、背景色background-color属性主要用于设置元素的背景色，可用颜色为Web技术中常用的颜色模式：“颜色英语单词”、“HEX”、“RGBa”、“HSLa”
section.t1 { background-color : red； } section.T2 { background-color : # 008800； } section.T3 {背景色： rgba (0，0，0，1 )； }提示：
1、十六进制颜色参考表： https://yusi123.com/1090.html
2、网页拾色器：在编辑颜色的位置输入选择颜色.
2、背景图像背景图像用于设置背景图像。 实际运用过程中需要注意的是，背景图像“background-image”可以与背景色“background-color”共存。 也就是说，采用“非矩形”的“png图像”
div {背景图像3360 URL (images/1.jpg ) } 3、背景重复背景报告用于设置背景图像的重复方式。 如果背景图像的宽度或高度小于元素容器，或者如果在下面的“背景尺寸”(background-size )中将宽度和高度设置为小于元素容器的宽度和高度，则默认情况下背景图像“平铺”到元素的整个背景。 此属性正式用于控制图像的重复对齐，具有以下值：
repeat :默认、 仅将图像"平铺"排列(repeat-x )水平方向(x轴方向)重复repeat-y )垂直方向(y轴方向)重复no-repeat )背景图像不重复) divclass=' BG-BG EPE a t-x '/sectionsectionclass=' item repeat-y '/sectionsectionclass=' item no-repeat '/sectionsectionclass=' ionseclass 高： 200 px； border : 1px固态# 808080； display :在线区块； /*背景图像*/background-image : URL ((./images/timor.JPEG ) )； }.repeat { background-repeat : repeat； }.repeat-x { background-repeat : repeat-x； }.repeat-y { background-repeat : repeat-y； }.no-repeat { background-repeat : no-repeat； }
4、背景大小背景大小-大小属性用于设置背景图像的大小，主要可以四种类型的单位设置。
像素值
可以用像素“px”正确设定背景图像的尺寸。 必须设置两个值。 第一个值表示背景图的宽度，第二个值表示背景图的高度。 也可以通过设置宽度或高度，并将另一个值设置为auto来保持背景图中原始图像的比例。 例如，“240px 120px”、“180 px自动”和“自动”(相当于恢复默认大小)。
百分比值
使用“百分比”作为值时，结构与“像素值”匹配，第一个值是元素宽度的百分比，第二个值是元素高度的百分比。 例如，“100% 80%”、“100 %自动”或“auto 50%”。
contain
自动将背景图像填充到元素的一侧。 图像比例不变。
遮瑕膏
在保持图像原始比例的情况下，将完全复盖元素的背景区域，并自动修剪超出元素宽度和高度的部分。 这是一种相对“智能”的背景图像大小设置方法，可以与“背景位置”属性配合使用，以对齐方式显示开发人员认为背景图像中“更重要”的部分。
divclass=' BG-size-wrap ' section class=' itempx '/section section class=' item percent '/section section class=' ion section class=' item sectionsection class=' item cover '/section/div.BG-size-wrap { text-align : center； }.BG-size-wrap.item { width :238 px； height: 168px； display :在线区块； margin: 0px 30px； border : 1px固态# 808080； ack ground-image 3360 URL (' ./images/sights.JPEG ' )； 后台- repeat :否- repeat； 背景定位：中心中心； }.BG-size-wrap.px { background-size 3360180 px100 px； }.BG-size-wrap.percent { background-size :80 p %； }.BG-size-wrap.contain { background-size : contain； }.BG-size-wrap.cover { background-size : cover； }
5、背景定位背景位置属性用于设置背景图像在元素中出现的位置。 使用此属性主要分为两种实际情况。 第一种情况是，当背景图像的大小小于元素大小时，使用“0”或“正值”定位背景图像。 第二种情况是，如果背景图像的大小大于元素大小，则使用“0”或“负值”定位背景图像。 (这是使用“CSS图像向导(CSS Sprites )”技术开发项目所需的属性。
此属性的值有三种形式。
方位英语单词
包括左、右、顶、底和中心。 将背景图设置为元素中的“左上”，例如，“left top”(默认值)； " right bottom "，将背景图设置为元素中的"右下方"； center center，将背景图设置为元素的中心。
百分比单位
例如，将"0% 50% "、背景图设置在元素内"水平方向"的"左方向"、垂直方向的"中心"； “50% 50%”，将背景图设置为元素中的“中心”； 将100% 100%、背景图设置为元素中的“右下方”。
像素单位
将元素“左上角”(control arror )到“左上角”(control arror )的距离设置为在背景的“水平右侧”(hyper right )偏移10像素，在“垂直下方”(view drow )偏移221; (20像素。
可以通过“left 100%”、“50% 70px”和“top 30px”等“混合”以这三种格式设置背景图像的位置。 但是，从代码规范性的角度来看，不推荐这种“混合”方式。