background-repeat

此页有脚本错误。在网站编辑解决此问题前,你可以查看以上的部分内容。

摘要

background-repeat 指定背景图片是否以平铺效果重复出现,以及重复的方式。

  • 初始值: repeat
  • 应用于:所有元素
  • 继承性:无
  • 百分数: N/A
  • 媒体: visual
  • Computed value: as specified

语法

background-repeat: repeat | repeat-x | repeat-y | no-repeat | inherit

repeat
图像同时向水平和垂直方向重复。
repeat-x
图像仅水平重复。
repeat-y
图像仅垂直重复。
no-repeat
不重复图像:仅绘制图像的一份拷贝。

例子

.exampleone {
	background-image: url("logo.png");
	background-repeat: repeat-x;
}

.exampletwo {
	background-image: url("logo.png");
	background-repeat: no-repeat;
}

规范

浏览器兼容性

Browser Lowest Version
Internet Explorer 4
Firefox 1
Netscape 4
Opera 3.5

参见

Background-related CSS properties: background, background-attachment, background-clip, background-color, background-image, background-origin, background-position, background-repeat, background-size

{{ CSSLangList }}


Document Tags and Contributors

标签:
Contributors to this page: Mickeyboy, TigerSoldier, Ianyang
最后编辑者: TigerSoldier,