CSS里的 no-repeat 是什么意思

最新推荐文章于 2025-05-29 15:24:27 发布

u010227447

最新推荐文章于 2025-05-29 15:24:27 发布

阅读量4.8w

点赞数 14

CC 4.0 BY-SA版权

文章标签：对象闭包应用内存 css

本文链接：https://blog.youkuaiyun.com/u010227447/article/details/41477305

本文详细介绍了CSS中no-repeat属性的功能与用法，通过设置该属性可以避免背景图片在网页上的重复显示，并且可以通过结合其他属性如top、center等来调整背景图片的位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

容易来说， CSS 里的 no-repeat是针对背景图来说的。当你设置了no-repeat这个属性后，你的背景图将不会被重复，再换一种说法，你在网站上所看见的背景图就是你所增加的图，不会出现平铺或重复的现象。

当然你仍然可以通过其他方式来控制图的位置，例如：
{backgroud:top, center, no-repeat;}
这样你的背景图就位于上部的居中位置。