Css 如何更改图案中给定背景图像之间的空间。该图像是在线强制的
我只使用在线图像制作背景,希望控制图案中这些图像之间的空间。有没有什么方法可以只用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,只需增加背景大
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;
}
伙计!真是太酷了!我已经搜索了很多,这个答案很简单,很好,很有用!真的非常感谢特曼尼!