横向+纵向平铺
</div >
<div style = "width:100pxheight100pxbackground-image : "url(图片路径)' background-repeat :repeat-x">
只横向平铺
</div >
<div style = "width:100pxheight100pxbackground-image : "url(图片路径)' background-repeat :repeat-y">
只纵向平铺
</div >
<div style = "width:100pxheight100pxbackground-image : "url(图片路径)' background-repeat :no-repeat">
不平铺，只显示一次
</div >
下面是图片不失真但不保证是否完全铺满（留有空隙或者超出屏幕）的css代码：
1、横向铺满，纵向留有空隙或超出屏幕：
body {background:url(图片路径) no-repeat centerbackground-size:100% auto}
2、纵向铺满，横向留有空隙或超出屏幕：
body {background:url(图片路径) no-repeat centerbackground-size:auto 100%}
补充说明：background-size属于css3，只有支持css3的浏览器才有效。
电脑（Computer）是一种利用电子学原理根据一系列指令来对数据进行处理的机器。电脑可以分为两部分：软件系统和硬件系统。第一台电脑是1946年2月15日在美国宾夕法尼亚大学诞生的ENIAC通用电子计算机。
人们把没有安装任何软件的计算机称为裸机。随着科技的发展，现在新出现一些新型计算机有：生物计算机、光子计算机、量子计算机等。
{background:url(../img/top_bg.gif) x-repeat}问题在repeat，改下设置就好了。
x-repeat：横向。
y-repeat：纵向。
