CSS背景

强制打个酱油  有些知识反反复复地看,你就会发现每一次看到的,理解的程度都不一样.

CSS背景属性用于定义HTML元素的背景

CSS属性定义背景效果:

1. background-color(背景颜色):  该属性定义了元素的背景颜色

CSS种,颜色值通常以以下方式定义:

十六进制 - 如: "#ff0000"

RGB - 如: "rgb(255,255,0)"

颜色名称  -如: "red"

2. background-image(背景图像) :  属性描述了元素的背景图像,默认情况下,背景图像进行平铺重复显示,以覆盖整个元素实体

注意:图片的选择要易于文字的阅读

3. background-repeat(背景平铺方式):  x代表水平平铺   y代表垂直平铺

用法:    background-repeat:repeat-x;

如果不想让图片平铺,可以使用 background-repeat: no-repeat;来设置, 重复的背景图像的垂直和水平方向

4. background-position :设置背景图像的起始位置

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

6. background : 背景-简写属性

  为了简化这些属性得代码,我们可以将这些属性合并在同一个属性中,背景颜色的简写属性为:"background".

如: p{background:#ffffff url(cat.png) no-repeate right top;}

当使用简写属性时,属性值的顺序为:

background-color

background-image

background-repeat

background-attachment

background-position

  上述属性按需使用