CSS设置HTML页面背景图像CSS设置页面背景颜色

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

在本文中，DIVCSS5主要介绍了CSS设置的使用html添加背景图片，以基于布局思想来实现网页背景技能，希望对DIV CSS爱好者有所帮助. 通常在网页上设置背景直接在主体上设置背景演示. 接下来，我将向您介绍各种情况下的后台处理布局技术.

无论如何设置背景，都需要使用背景样式. 如果您不熟悉背景，可以进入学习.

如果网页的背景为纯色，则只需设置正文的背景色

body{background:#FFF} 

将网页背景设置为白色

1，相同的背景，从上到下具有水平渐变

从顶部到底部具有渐变宽度的全屏背景效果屏幕截图

此网页背景仅需剪裁宽度为1像素且高度合适的图片作为背景材料，如下所示:

切出垂直条形图像材料作为背景材料

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

将此图像设置为背景图像，以在页面顶部水平平铺html添加背景图片，背景为白色. 在这里，您应该根据图像路径设置图像路径.

2. 水平图块背景图片

例如，2014版DIVCSS5网页具有与渐变拼贴相同的原理. 也可以通过在剪切竖线后水平平铺垂直背景来实现，以使全屏网页背景充满.

Css截取了这种垂直条效果的屏幕截图

代码与第一个相同，只是图片不同. 在主体上水平设置背景图块.

我经常看到一些主题或图像网页. 背景是一个非常大的图片，作为背景，通常宽屏和窄屏监视器都可以显示覆盖的全屏背景图片，就像图片可以适应宽度一样. 的. 实际上，这种实现也非常简单. 图片的宽度被设计为足够大. 例如，市场上最宽的显示分辨率为2560像素宽. 如果希望此宽屏显示器浏览此页面，则也可以全屏显示. 然后，您必须将此背景图像制作成宽度大于或等于2560px的宽度，以便宽屏和窄屏监视器可以打开此网页以填充全屏，最小化，最大化，更改浏览器窗口以打开背景全屏显示图像居中的图像看起来像背景图像的自适应大小.

键: 全屏自适应背景图像的关键是使图片足够宽，以使显示屏以最宽的分辨率充满，甚至较小的分辨率自然也就满了. 同时，您需要将这样的背景图像设置为身体背景，并且需要居中.

如果此背景图片为: bg.jpg

设置CSS代码:

body{background: url(bg.jpg) no-repeat center 0} 

代码说明: 将此图像设置为网页的背景，通常不重复，水平居中并显示在顶部

这里DIVCSS5向您介绍了两种常见的头部和底部背景图片技术来设置布局方法.

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/jisuanjixue/article-258823-1.html