背景设置

background

1、背景图：background-image: url(图像位置+图像名)

语法：background-image : none | url (url)
none : 　无背景图
url : 　使用绝对或相对地址指定背景图像

1.1背景颜色：background-color

语法：background-color : transparent | color
transparent : 　背景色透明
color : 　指定颜色。请参阅颜色单位和附录：颜色表

1.2 设置图像显示位置：background-repeat设置图像显示状态

语法：background-repeat:repeat | no-repeat | repeat-x| repeat-y
1、 repeat: 背景图像在纵向和横向上平铺（默认）
2、 no-repeat：背景图像不平铺
3、 repeat-x：背景图像在横向上平铺
4、 repeat-y：背景图像在纵向上平铺

1.3 图像在盒子的位置background-position

语法：background-position:x, y
x和y的取值：center、top、bottom、left、right
1、position后面跟方向名词，x和y没有顺序之分
2、position后面只写一个参数，另一个参数默认居中
3、position后面也可以跟 值（px）有顺序之分，x和y顺序不能颠倒
斜体样式

1.4 设置或检索背景图像是随对象内容滚动还是固定的

语法：background-attachment : scroll | fixed
scroll : 　背景图像是随对象内容滚动
fixed : 　背景图像固定

总结：背景简写 语法：background:背景颜色  背景图片地址 背景平铺 背景滚动 背景位置

1.5 背景透明（CSS3）

CSS3支持背景半透明的写法语法格式： background:rgba(r,g,b,alpha)
alpha：透明度 取值范围：0~1
注意：背景半透明指的是盒子背景半透明，盒子里面的内容不受影响