一.背景颜色
属性名：backgroud – color（bgc）
属性值：
颜色取值：关键字、rgb表示法、rgba表示法、十六进制等
注意点：
背景颜色默认值是透明：rgba(0,0,0,0) 、transparent
背景颜色不会影响盒子大小，并且还能看清盒子的大小和位置，一般在布局中会习惯先给盒子设置背景颜色
二.背景图片
属性名：background – image （bgi）
属性值：background – image：url （’图片的路径’）;
注意点：
背景图片中url中可以省略引号
背景图片默认是在水平和垂直方向平铺的
背景图片仅仅是指给盒子起到装饰效果，类似于背景颜色，是不能撑开盒子的
三.背景平铺
属性名：backgroud – repeat（bgr）
属性值：
| 取值 | 效果 |
| repeat | （默认值）水平和垂直方向都平铺 |
| no – repaeat | 不平铺 |
| repeat – x | 沿着水平方向（x轴）平铺 |
| repeat – y | 沿着垂直方向（y轴）平铺 |
四.背景位置
属性名：background – position （bgp）
属性值：background – position
属性值：
1.方位名词：
水平方向：left center right
垂直方向：center bottom
2.数字+px（坐标）：
坐标系：
原点(0,0) 盒子的左上角
x轴 水平向右
y轴 垂直向下
操作：
将图片左上角与坐标点重合即可