CSS背景图

1、背景色：

三种表示方式：

单词（颜色英文名称）
十六进制
RGB（RGBA a指的是透明度。）
RGB(r:red g:green b:blue)
取值范围（0-255）

十六进制：
#ff 00 00
十六进制颜色可以简写为3位，格式为：#aabbcc这样的形式，可以简写为#abc
常用的颜色：
#000 黑色
#fff 白色
#f00 红色
#333 灰色
#ccc 浅灰

2、背景图：

格式：
background-image: url(“图片的路径”);
默认情况下，背景图会铺满整个盒子。
background-repeat:
设置背景图片是否平铺以及平铺的方式.
repeat：默认值，平铺。
no-repeat:不平铺（只显示一张）
repeat-x:横向平铺
repeat-y：纵向平铺。

3、background-position

  规定我们插入的背景图在盒子中的位置。默认为0,0 盒子的左上角。

格式：
background-position: 横向偏移量 纵向偏移量;
三种表示方法：
像素
百分比
单词

1.像素（常用）：
属性值为整数（包含正整数，负整数，0）x轴如果为负数，背景图向左移动，如果为正数，向右移动。可以理解为距离圆点的距离。
如果只设置了一个值，表示横向与纵向偏移量相同。

2.百分比
第一个值为水平方向 第二个值为垂直方向。
如果只写一个值，则第二个值默认为50%（垂直居中）
50% 50% 图片水平垂直居中。
100% 100% 图片在右下角

3.单词
水平方向：left(0%) center(50%) right(100%)
垂直方向：top(0%) center bottom(100%)
如果第二个值不写，默认为center。