CSS背景颜色
CSS的背景
背景：背景支持为元素添加背景颜色和背景图片，接下里介绍背景相关的属性。
①background-color:背景颜色。
②background-image:
用于设置背景图片。注意：如果同时设置背景颜色(background-color)和背景图片(background-image)，背景颜色会被背景图片覆盖。
该属性需要使用url()函数指定图片地址，图片的地址既可以是相对的，也可以是绝对的。
③background-repeat:
用于设置对象的背景图片是否平铺(重复显示)。在指定该属性之前，必须先指定背景图片(background-image)
该属性有repeat(纵横同时重复),no-repeat(不重复),repeat-x(x轴方向重复),repeat-y(y轴方向重复) 4个值。
④background-position:
用于控制背景图片的位置。background-position有5个关键字值分别是：top,left,bottom,right,center。
可以通过任意两个关键字组合来定位。也可以通过百分比来定位。
也可以通过像素大小进行定位。例如：background-position:50% 50%.第一个百分比对应横坐标，第二个百分比对应纵坐标。
⑤background-attachment:
设置背景图片是随对象内容滚动还是固定。在指定该属性之前，必须先指定背景图片。
该属性的两个值：scroll(默认),fixed(固定)。
⑥background:
这是一个复合属性，可以同时设置背景颜色、背景图片、背景重复、背景位置等。
CSS3还可以给元素背景添加多个背景图片。
CSS 背景属性用于定义HTML元素的背景。
CSS 属性定义背景效果:
· background-color 背景颜色
· background-image 背景图像
· background-repeat 设置背景图像在页面的水平或者垂直方向平铺与否。
· background-attachment 背景图像是否固定或者随着页面的其余部分滚动
· background-position 背景图像定位
1、background-color属性值可以用十六进制、英文、rgb（）
body { background-color:yellow; }
h1 { background-color:#00ff00; }
p { background-color:rgb(255,0,255); }
上面三种写法都是可以的
2、background-image
body {
background-image:url(‘paper.gif’);
background-color:#cccccc;
}
url()指向背景图像的文件路径
元素的大小包括内边距，不包含边框；
默认情况下，background-image放置在元素的左上角，并重复垂直和水平方向。
属性值
3 background-repeat 设置背景图像如何平铺
属性值
4 background-position设置背景图像的定位
属性值
5 background-attachment设置背景图像是否固定或者随着页面的其余部分滚动。
我建了一个前端小白交流群，添加进入交流群。我会给大家分享我收集整理的各种学习资料，组织大家一起做项目练习，帮助大家匹配一位学习伙伴互相监督学习，欢迎加入
作者：weixin_57727027