这样实现的好处很多，网页加载一个背景图片大大加快了网站浏览速度，也非常便于网站整体风格修改。难度在于制作的背景图片如何截取指定的位置作为某个地方的背景，仔细研究发现还是不难的，首先windows自带的画图软件就可以实现查找坐标，因为css背景是通过坐标来截取位置，还有Photoshop也可以实现，如下图： css样式代码如下复制代码代码如下: <style type="text/css"> body { background-image: url('/i/eg_bg_03.gif'); background-repeat: no-repeat; background-position: 0px -50px; } </style> background-position: 0px -50px的意思是水平位置为0px，垂直位置为50px。

　　推荐阅读

　　CSS3 选择器 伪类选择器介绍

伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了，因为这些在平时中是常用到的伪类选择器，那么先和大家一起简单总结一下CSS中常用的伪类选择器的使用方法，最后把重心放到CSS3新增加的":nth->>>详细阅读

本文标题：css样式实现整个页面背景使用一张图片

地址：http://www.17bianji.com/kaifa2/CSS/16549.html

 1/2    1