背景background

1.1 背景颜色

属性名：background-color(bgc)

背景颜色不会影响盒子大小，并且还能看清盒子的大小和位置，一般在布局中会习惯先给盒子设置背景颜色

1.2 背景图片

属性名：background-image(bgi)

属性值：background-image:url('图片的路径');

背景图片仅仅是指给盒子起到装饰效果，类似于背景颜色，是不能撑开盒子的

1.3 背景平铺

属性名：background-repeat

属性值：

取值	效果
repeat	（默认值）水平和垂直方向都平铺
no-repeat	不平铺
repeat-x	沿着水平方向（x轴）平铺
repeat-y	沿着垂直方向（y轴）平铺

1.4 背景位置

属性名：background-position

属性值：background-position：水平方向位置，垂直方向位置

水平方向	垂直方向
left	top
center	center
right	buttom

坐标系：x轴，右正

px y轴，下正

1.5 背景相关属性

属性名：background

无顺序

img和背景的区别：

img用于比较重要的场合