网页设计中背景图片的重复

在时离不开网页设计，而图片在网页设计中又是不可或缺的组成部分。在主流的网页排版中一般会使用CSS来控制页面中图片的显示，如平铺、覆盖、局部、重复等操作。如何通过CSS样式属性来控制背景图片的重复与否，其实在CSS属性中可以使用background-repeat来定义背景图片的重复属性。

CSS背景图片控制属性：
background-repeat:repeat-x|repeat-y|no-repeat

•repeat-x：图片在x轴方向上重复。
•repeat-y：图片在y轴方向上重复。   
•no-repeat：不平铺，图片只显示一次。

//div背景图片不重复
<style>
.demo{
width:500px;height:600px;margin:0 auto;
background-image:url(
background-repeat:no-repeat; 
}
</style>
<div class="demo"></div>

如上，在类名为'demo'的盒子里添加一个名为'logo.png'的图片做为背景图，并通过background-repeat的不重复属性'no-repeat'设置背景图片不重复。