css背景图片重复相关知识

最新推荐文章于 2025-01-11 04:34:50 发布

海阔天空.

最新推荐文章于 2025-01-11 04:34:50 发布

阅读量2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： html/CSS 文章标签：背景图片设置

本文链接：https://blog.youkuaiyun.com/weixin_41804429/article/details/80869524

9 篇文章

订阅专栏

本文介绍如何使用CSS的background-repeat属性来控制背景图片的重复显示方式。包括默认重复、水平重复、垂直重复以及不重复等选项，并提供了一个具体的示例。

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

通过 background-repeat属性可以给插入的背景图片设置是否要重复，及按怎样重复。

值	描述
repeat	默认。背景图像将在垂直方向和水平方向重复。
repeat-x	背景图像将在水平方向重复。
repeat-y	背景图像将在垂直方向重复。
no-repeat	背景图像将仅显示一次。
inherit	规定应该从父元素继承 background-repeat 属性的设置。

例：.bird {
width: 91px;
height: 71px;
background: url(http://img.mukewang.com/55ade1700001b38302730071.png)
background-repeat: repeat

}

如果想控制图片重复出现的次数，把width值设置为图片宽度*你想出现的次数