html网页左侧背景,CSS设置html网页背景图片 CSS设置网页背景颜色

CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇

本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技巧为主，希望对DIV CSS爱好者有帮助。通常对网页设置背景直接对body设置背景演示即可实现。接下来给大家介绍各种情况下背景处理布局技巧。

一、网页单色背景   -   TOP

如果纯颜色的网页背景，只需要对body设置background背景颜色即可

body{background:#FFF}

设置网页背景为白色

二、规律背景图片   -   TOP

1、从上到下渐变横向相同背景

渐变从上到下宽度全屏背景效果截图

这种网页背景只需要切出1像素宽，高度合适的图片作为背景素材，如下图：

切出这样一个竖条图片素材作为背景素材

body{background:#FFF url(bg.gif) repeat-x 0}

这样设置这个图片为背景图片靠网页顶部水平平铺，背景为白色，这里注意根据你的图片路径设置好引入图片路径。

2、水平平铺类背景图片

比如2014版DIVCSS5网页，原理和渐变平铺相同，也是切出一竖条后作为Body背景水平