背景图片样式理解

1.背景颜色即可为指定元素的背景着色

它的格式为

background-color: #ccc;

颜色有多种表示方法

1）直接英文指定颜色

2）通过 #+十六位进制来表示

例如：#000是黑色#000000  当每两位是同一个时可只写一次 但必须是只能三位或者六位

不存在4.5位

3）也可通过rgb（）格式来调色

rgb()中需要写数字，数字在0·255之间，值越小颜色越深

例如：rgb（0,0,0）表示黑色 

2.背景图片

样式：

background-image url("images/2.jpg")

注意：图片的路径需要写在 url()

背景图片如果不有容器大的话，那么它会把背景图平铺后再显示，可以指定是否平铺
1. no-repeat: 不平铺
2. repeat-x: x轴方向平铺
3. repeat-y: y轴方向平铺
4. repeat: x轴和y轴方向都平铺（默认方式）
要想设置面的值，我们需要另外的属性叫background-repeat。

3.背景图片的位置用

background-position来指定
1. left top: 左上角（默认值）
2. right top: 右上角
3. left bottom: 左下角
4. right bottom: 右下角
5. left center: 左中间位置
6. right center: 右中间位置
7. center center: 居中位置

4.并且我们可以通过

background来直接指定所有样式 格式为：

background: color position size repeat origin clip attachment image;