1、背景颜色：background-color
颜色展开：
1.1、RGBA :
RGB是颜色的标准，通过与红(r )、绿)、蓝(b )的变化相互重叠而产生各种各样的颜色
颜色。 RGBA在RGB中添加了控制alpha透明度的参数。
语法：
颜色： rgba (r、g、b、a )以上的r、g、b三个参数的正整数值的可能范围是0 - 255。 百分比值的可取范围为0.0% - 100.0%。 超出范围的数值将达到其最接近的可能值的极限。 并非所有浏览器都支持使用百分比。 a为透明度参数，取0~1之间的值，不能为负值。
示例：
边框颜色： rgba (255，0，0，7)；
边框颜色： rgba (255，0，0，7)；
1.2、渐变颜色
css3渐变包括“线性渐变”(linear )和“径向渐变”(radial )。 由于不同的渲染引擎具有不同的实现渐变的语法，因此这里只分析线性渐变的W3C标准语法的用法，其馀的请参考相关资料。 IE10、Firefox19.0、Chrome26.0和Opera12.1等浏览器支持W3C语法。
如果省略了第一个参数，则默认值为180deg，与tobottom相同。
第二个和第三个参数表示颜色的起点和终点，可以有多个颜色值。 (可以在颜色值之后添加百分比值，以表示此颜色占总背景颜色面积的百分比。)
示例：
ack ground-image :线性梯度(to left，red 30%，blue )；
2、背景图片：background-image : none | url (url )
示例： body { background-image : URL (images/BG.gif )； }
3、背景平铺方式：background-repeat : repeat （铺满/默认）no-repeat （不平铺，显示一个）repeat-x （X轴水平平铺）repeat-y （Y轴垂直平铺）
4、背景定位：background-position：
5、背景样式缩写：background: 背景色 背景图片 背景平铺方式 背景定位
示例：
body {
背景色： # ededed；
ack ground-image 3360 URL (images/BG.png )；
后台- repeat :否- repeat；
背景定位：500 px；
}
之后，body { background : # ededed URL (images/BG.png ) no-repeat 50% 30px； }
转载于：https://www.cn blogs.com//-wyc/p/10619962.html