html框架怎么添加背景颜色方法:
一、网页单色背景 - TOP
1、如果纯颜色的网页背景,只需要对body设置background背景颜色即可
body{background:#FFF}
设置网页背景为白色
二、规律背景图片 - TOP
1、从上到下渐变横向相同背景
渐变从上到下宽度全屏背景效果截图
这种网页背景只需要切出1像素宽,高度合适的图片作为背景素材,如下图
切出这样一个竖条图片素材作为背景素材
body{background:#FFF url(bg.gif) repeat-x 0}
这样设置这个图片为背景图片靠网页顶部水平平铺,背景为白色,这里注意根据你的图片路径设置好引入图片路径。
2、水平平铺类背景图片
原理和渐变平铺相同,也是切出一竖条后作为Body背景水平平铺实现,这样就全屏网页背景铺满。
代码和第1种相同,只是图片不同而已。对body设置背景图片水平平铺。
三、不规律大图背景
假如这张背景图片为:bg.jpg
设置CSS代码:
body{background: url(bg.jpg) no-repeat center 0}
代码解释:设置这个图片为网页背景,通常不平铺(no-repeat),水平居中,靠上显示
四、头部背景图片和底部背景图片内容多少高度可增减头部底部背景不变 - TOP
两种常见头部和底部不同背景图片技巧设置布局方法。