Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.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
Css 如何更改图案中给定背景图像之间的空间。该图像是在线强制的_Css_Design Patterns_Background Image - Fatal编程技术网

Css 如何更改图案中给定背景图像之间的空间。该图像是在线强制的

Css 如何更改图案中给定背景图像之间的空间。该图像是在线强制的,css,design-patterns,background-image,Css,Design Patterns,Background Image,我只使用在线图像制作背景,希望控制图案中这些图像之间的空间。有没有什么方法可以只用CSS来实现这一点?我知道你可以使用round和space,但一般来说,控制它们之间的空间量会更有用 代码如下: div{ 高度:100vh; 宽度:100vw; 背景色:#fff89c; 背景图像:url(“https://image.flaticon.com/icons/svg/869/869078.svg"); 背景重复:重复; 背景尺寸:50px; 背景附件:固定; } 由于它是一个SVG,只需增加背景大

我只使用在线图像制作背景,希望控制图案中这些图像之间的空间。有没有什么方法可以只用CSS来实现这一点?我知道你可以使用
round
space
,但一般来说,控制它们之间的空间量会更有用

代码如下:

div{
高度:100vh;
宽度:100vw;
背景色:#fff89c;
背景图像:url(“https://image.flaticon.com/icons/svg/869/869078.svg");
背景重复:重复;
背景尺寸:50px;
背景附件:固定;
}

由于它是一个SVG,只需增加
背景大小即可创建空间,因为SVG将尝试保持其比例:

div.background-pattern{
高度:100vh;
宽度:100vw;
背景色:#fff89c;
背景图像:url(“https://image.flaticon.com/icons/svg/869/869078.svg");
背景重复:重复;
背景尺寸:50px 100px;
背景附件:固定;
}
身体{
保证金:0;
}

伙计!真是太酷了!我已经搜索了很多,这个答案很简单,很好,很有用!真的非常感谢特曼尼!