html - How can I repeat image 5 times using css?

Question

Is there any way to repeat the image 'n times' using css?

Answer 1

您可以将图像用作元素的背景，并设置元素的大小以使图像准确重复五次。

例子：

div {
  background: url(http://placekitten.com/100/100);
  width: 100px;
  height: 500px;
}

演示：http: //jsfiddle.net/ANbHr/

Answer 2

在 CSS2.1 中，background-repeat 属性有四个选项：no-repeat、repeat、repeat-x 和 repeat-y。CSS3 引入了两个新选项：空格和圆形。