css基础样式（css基础篇06--背景样式）
css基础样式（css基础篇06--背景样式）在CSS中，使用background-image属性来定义元素的背景图片。效果说明：颜色值是一个关键字或一个16进制的RGB值。HTML标签背景颜色设置
在css中，背景样式主要包括背景颜色和背景图像。在传统的布局中，只能使用少数的标签来定义背景图像和背景颜色。但是随着Web2.0时代的到来，设置背景样式不再使用传统HTML属性来定义，转而使用无限制、更灵活的CSS来定义。
目标
- 设置背景颜色
- 设置背景图片
- 操作背景图片样式
在CSS中，使用background-color属性来定义元素的背景颜色。
语法：background-color:颜色值;
说明：颜色值是一个关键字或一个16进制的RGB值。
HTML标签
背景颜色设置
效果
背景图像--background-image在CSS中，使用background-image属性来定义元素的背景图片。
语法：background-image:url("图像地址");
说明：图像地址可以是相对地址，也可以是绝对地址。
注意：给某个元素设置背景图像，元素要有一定的宽度和高度，背景图片才会显示出来。如果设置的元素的宽高过小，背景图片就无法完整地显示出来了。
设置背景图片
效果
背景重复样式--background-repeat在CSS中，使用background-repeat属性可以设置背景图像是否平铺，并且可以设置如何平铺。
语法：background-repeat:取值;
取值
当值是repeat，全屏覆盖
全屏覆盖
当值是repeat-x，x轴方向覆盖
x轴方向覆盖
当值是repeat-y，y轴方向覆盖
y轴方向覆盖
当值是no-repeat，不复制
不复制
背景图片位置--background-position在CSS中，使用background-position设置背景图像的位置
语法：background-positon:像素值/关键字;
说明：语法中的取值包括两种，一种是采用像素值，另一种是关键字描述。
1. 像素值
要设置水平方向数值（x轴）和垂直方向数值（y轴），参数如下
取值
假设设置一个距离左上角水平方向100px，垂直方向100px
背景图片位置设置
效果如下
效果
2. 关键字
当background-position取值为关键字时，也需要设置水平方向和垂直方向的值，只不过值不是使用px为单位的数值，而是使用关键字代替。
取值
假设我们要设置一个水平方向、垂直方向都居中的位置，就可以这样设置
背景图片位置设置
这样他就永远都处于屏幕的正中间
效果
背景固定样式--background-attachment在CSS中，使用背景附件属性background-attachment可以设置背景图像是随对象滚动还是固定不动
语法：background-attachment:scroll/fixed;
说明：background-attachment 属性只有2个属性值。scroll表示背景图像随对象滚动而滚动，是默认选项；fixed表示背景图像固定在页面不动，只有其他的内容随滚动条滚动。
背景固定设置
效果
总结
总结
