这个CSS背景代码，怎么改一下就可以把背景图片平铺呢？

Question

<style type="text/css">body {background-color:#FFFFFF;background-image:url(背景图片地址);background-repeat:no-repeat;background-position:center 0;}</style>

我用的这个代码，我的图片差不多86*86像素 那么大

Answer 1

源代码改为：
<style type="text/css">body {background-color:#FFFFFF;background-image:url(背景图片地址);background-repeat:repeat;background-position:center 0;}</style>

也可以简化为：
<style type="text/css">body {background:#FFF url(背景图片地址) repeat center 0;}</style>

水平平铺：
<style type="text/css">body {background-color:#FFFFFF;background-image:url(背景图片地址);background-repeat:repeat-x;background-position:center 0;}</style>

垂直平铺：
<style type="text/css">body {background-color:#FFFFFF;background-image:url(背景图片地址);background-repeat:repeat-x;background-position:center 0;}</style>

希望对你有帮助。

Answer 2

<style type="text/css">
body {background:#FFFFFF url(背景图片地址) repeat center 0;}
</style>
以上是合并成一条的写法
repeat-x是横向平铺
repeat-y是纵向平铺
repeat就是横向纵向都平铺

如果分开写也可以不写background-repeat:no-repeat;不写怎么铺就是默认横向纵向一起平铺，如：
<style type="text/css">
body {background-color:#FFFFFF;background-image:url(背景图片地址);background-position:center 0;}
</style>本回答被网友采纳

Answer 3

<style type="text/css">body {background:url(背景图片地址) 0 center #fff;}</style>

一句代码就可以实现你要的功能

Answer 4

建议合并写：body{ background:#ffffff url(背景图片地址) repeat center 0;}
若水平平铺，就把repeat改成repeat-x；
若垂直平铺，就改成repeat-y。

Answer 5

把background-repeat:no-repeat;去掉。