使用CSS改变网页背景的技巧

使用CSS改变网页背景的技巧 CSS背景透明代码： background：transparent或background：none无背景(背景色或背景图片.) (background-color：transparent或background-color：none无背景色.)

 CSS背景半透明代码： background：背景(#背景色或url(背景图片地址))或background-color：#背景色；filter:alpha(opacity=不透明度(0~100))

 CSS背景代码说明(从上到下)：

整个页面区域 body {background-color:#FFFFFF} 

顶部区域 #usrbar {} 

头部区域 #header {background:#3399CC} 

菜单区域 #tab {top:67px;background:url(temp1/tabbg.gif) repeat-x} (#tab2 登录后带设置的TAB菜单主体{background:#DAE9F5}；#tabline TAB菜单下方的横线{top:89px;background-color:#FFFFFF}) 

内容区域 .stage（TAB菜单与版权信息之间的区域）{background:#F3F1F1} 

页码区域 #page {font-size:14px;font-family:Arial;text-align:center} 

所有模块区域 .mod {margin-bottom:10px} 各个具体模块区域....... 

背景标记说明：背景颜色属性(background-color) 这个属性为HTML元素设定背景颜色，相当于HTML中bgcolor属性。 body {background-color:#99FF00 ;} 背景图片属性(background-image) 这个属性为HTML元素设定背景颜色，相当于HTML中background属性 背景重复属性(background-repeat) 这个属性和background -image属性连在一起使用，决定背景图片是否重复。如果只设置background-image属性 ，没设置background-repeat属性，在缺省状态下，图片既横向重复，又竖向重复。 •repeat-x 背景图片横向重复 •repeat -y 背景图片竖向重复 •no -repeat 背景图片不重复 body {background-image :url(../images/css_tut orials/background.jpg); background-repeat :repeat-y} 背景附着属性(background-attachment) 这个属性和background -image属性连在一起使用，决定图片 是跟随内容滚动，还是固定 不动。这个属性有两个值，一个是scroll，一个是fixed。缺省值是scroll。 body {background-image:url(../images/css_tut orials/background.jpg); background-repeat :no-repeat; background-attachment:fixed} 背景位置属性(background -position) 这个属性和background-image属性连在一起使用。 body {background-image:url(../images/css_tutorials/background.jpg );background-repeat:no-repeat; background-position :20px 60px} 上面的代码表示背景图片的初始位置距离网页最左面20px，距离网页最上面60px。背景属性(background) 这个属性是设置背景相关属性的一种快捷的综合写法 ， 包括background-color, background-image, background-repeat, backgroundattachment, background -position。 body {background:#99FF00 url(../images/css_tutorials/background.jpg ) no -repeat fixed 40px 100px} 上面的代码表示，网页的背景颜色是翠绿色，背景图片是background.jpg图片，背景图片 不重复显示 ，背景图片不随内容滚动而动 ，背景图片距离网页最左面40px，距离网页最上面100px。属性标记注意事项：属性分隔使用；号。属性赋值使用：或＝。字符串属性值一般加引号，数字属性值一般不加引号，但事实上两者加不加都可以。