本文主要给大家展示“css如何消除背景图片的重复”，简单易懂，条理清晰，希望能帮你解决疑惑。让边肖带领大家学习《css如何消除背景图片的重复》一文。
在css中，background-repeat属性可以用来清除背景图像的重复。只需将该属性的值设置为“no-repeat”即可指定背景图像不重复，即背景图像只显示一次。语法“后台-重复：不重复；”。
本教程操作环境：windows7系统，CSS3HTML5第5版，戴尔G3电脑。
使用css background-image属性设置背景图片时，由于图片大小问题，有时会出现重复平铺的情况：
！DOCTYPEhtml
超文本标记语言
头
风格
div{
宽度width:500px
高度：500 px；
border:2pxsolidred
背景-image : URL(img/NZ . png)；
}
/style
/head
身体
分区/部门
/body
/html
那么如何清除背景图片的副本以便只显示一张呢？这需要使用背景重复属性。
Background-repeat属性用于设置是否以及如何重复背景图像。当值为“不重复”时，可以指定背景图像不重复，即背景图像只显示一次。
！DOCTYPEhtml
超文本标记语言
头
风格
div{
宽度width:500px
高度：500 px；
border:2pxsolidred
背景-image : URL(img/NZ . png)；
背景-repeat : no-repeat；
}
/style
/head
身体
分区/部门
/body
/html
以上就是文章《css如何消除重复背景图片》的全部内容。感谢您的阅读！相信大家都有一定的了解，希望分享的内容对大家有所帮助。想了解更多知识，请关注行业资讯频道！
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/91878.html