CSS 背景重复 x 和 y

Question

请问是否可以使用小图片作为背景div并进行水平和垂直重复？示例参见此链接。谢谢。

- israel love php

Answer 1

background-repeat: repeat;

http://www.w3schools.com/cssref/pr_background-repeat.asp:

repeat - 背景图片将在垂直和水平方向上重复显示。这是默认值。

示例: http://jsfiddle.net/p2vjf/6/

- MarcinJuraszek

---

无需使用 background-repeat 属性。如前所述，这是默认值。 - BoltClock

Answer 2

是的，只需将两者都删除， 默认值 background-repeat: repeat; 就会生效：

http://jsfiddle.net/Guffa/p2vjf/7/

- Guffa

Answer 3

use this....

float: left;
width: 100%;
background: url(../images/img01.jpg) left top repeat;
height: 500px;  //set the height to which you want to repeat

- Paz