Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/hadoop/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使用css将图像重复5次?_Html_Css - Fatal编程技术网

Html 如何使用css将图像重复5次?

Html 如何使用css将图像重复5次?,html,css,Html,Css,有没有办法使用css将图像“n次”重复?在CSS2.1中,背景重复属性有四个选项:无重复、重复、重复x和重复y。CSS3引入了两个新选项:空格和圆形。您可以使用图像作为元素的背景,并设置元素的大小,使图像恰好重复五次 例如: div { background: url(http://placekitten.com/100/100); width: 100px; height: 500px; } 演示:您的意思是让它在文档中动态生成n次图像的html标记?不必须使用javascrip

有没有办法使用css将图像“n次”重复?

在CSS2.1中,背景重复属性有四个选项:无重复、重复、重复x和重复y。CSS3引入了两个新选项:空格和圆形。

您可以使用图像作为元素的背景,并设置元素的大小,使图像恰好重复五次

例如:

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

演示:

您的意思是让它在文档中动态生成n次图像的html标记?不必须使用javascript/jqueryplease给出正确的解释和正确的代码。你能告诉我你试过什么吗?