如何让CSS背景图不重复

CSS背景图不重复可以通过设置background-repeat属性来实现。这个属性可以设置背景图片在水平或垂直方向上是否重复，也可以设置不重复。

background-repeat: no-repeat;

如果想让背景图片在水平或垂直方向上不重复的话，可以使用background-repeat-x或background-repeat-y属性：

background-repeat-x: no-repeat;
background-repeat-y: no-repeat;

如果想让背景图片在水平和垂直方向上都不重复的话，可以使用background-repeat属性：

background-repeat: no-repeat;

还可以使用background-size属性来设置背景图片的大小，以防止背景图片重复：

background-size: cover;

 

还可以使用background-position属性来设置背景图片的位置，以防止背景图片重复：

background-position: top left;

 

要想让CSS背景图不重复，可以使用background-repeat、background-size和background-position属性来实现。

 

来源：http://www.shanhubei.com/archives/13633.html