如何让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属性来实现。

微信公众号
手机浏览(小程序)
0
分享到:
没有账号? 忘记密码?