css背景样式background

background用来定义html元素的背景效果

background-color：定义元素的背景颜色，背景的颜色值通常有三种定义方法

1.十六进制方式，如"#ff0000"

2.RGB方式，如"rgb(255,0,0)"

3.颜色名称，如"red"

 

background-image：定义元素的背景图片，通过background-image:url('path/图片名称')指定

默认情况下，背景图片会在水平和垂直方向上进行平铺重复显示，即默认的background-repeat值为repeat

 

background-repeat：定义元素的背景图片是否以及如何重复显示

默认值值repeat，no-repeat、repeat-x、repeat-y分别表示不重复、在水平方向、垂直方向重复显示

 

background-attachment：定义元素的背景图片是否固定或者随着页面的其余部分滚动

默认值为scroll随页面部分滚动，fixed表示固定不滚动，inherit表示从父元素继承

 

background-position：定义元素的背景图片起始位置，例如定义图片右上角不重复显示

(left center right * top center bottom)九种组合，并且这两个值如果只指定一个那么另外一个默认为center

x% y%：表示水平位置和垂直位置，默认为左上角0％ 0％，右下角是100％ 100％，

xpos ypos：表示水平位置和垂直位置

inherit表示从父元素继承

 

 

背景效果通过上述5个属性来控制，为使用方便可以将这些属性合并在一起，简写为 "background"，当时用简写属性时，顺序为color、image、repeat、attachment、position，可根据实际需要选择，无需全部使用，例如

body {background:lightpink url('img_tree.png') no-repeat right top;}