background属性及其属性值

background属性及其属性值

1.背景颜色：background-color

颜色单词：red、green、blue…
十六进制：#aabbcc 可简写为#abc
取值范围：0-9 a-b
三原色值：RGB（0，0，0）
取值范围0-255

2.背景图片：background-image：url（“图片路径”） .
背景图默认平铺

与img标签的区别：
background-image：是css样式，不占据位置，在这里插入代码片 画在墙上的一幅画，会被img盖住
img是标签，是结构，占据页面位置， 挂在墙上的一幅画，可以盖住背景图

3.背景图片平铺：background-repeat

repeat 平铺（默认）
no-repeat 不平铺
repeat-x x轴平铺
repeat-y y轴平铺

4.背景定位：background-position

1. 关键字写法：
   水平值：left center right
   垂直值：top center bottom
2. 具体像素位置：
   background-position：100px 100px；

5.背景关联：background-attachment
背景图像是否固定或者随着页面的其余部分滚动

scroll 滚动（默认）
fixed 固定

综合写法：

background：颜色 图片 是否重复 背景定位 背景关联；

以上属性无需全部使用，你可以按照页面的实际需要使用.