Html 如何使图像重复而不是拉伸?

Html 如何使图像重复而不是拉伸?,html,css,Html,Css,我有背景图像,需要重复到它的内容,如下所示: 但使用此代码: .imgbord{ 背景:url('https://i.imgur.com/LGlfFuU.png'); 背景重复:圆形; 颜色:白色; } 这里有一些随机内容 我猜您正在寻找边框图像 .imgbord{ 边框:4px实心透明; 边框图像:url('https://i.imgur.com/LGlfFuU.png""四轮",; 颜色:白色; 填充:50px; 显示:内联块; 利润率:10px; } 身体{ 背景:灰色; } 这里

我有背景图像,需要重复到它的内容,如下所示:

但使用此代码:

.imgbord{
背景:url('https://i.imgur.com/LGlfFuU.png');
背景重复:圆形;
颜色:白色;
}

这里有一些随机内容

我猜您正在寻找
边框图像

.imgbord{
边框:4px实心透明;
边框图像:url('https://i.imgur.com/LGlfFuU.png""四轮",;
颜色:白色;
填充:50px;
显示:内联块;
利润率:10px;
}
身体{
背景:灰色;
}
这里有一些随机内容

某些内容
确实要重复吗?看起来你想要100%的背景,我想重复这部分,就像我展示的一样@Temaniafifif需要在Y和X两个方向重复,所以我真的不知道怎么做@Pete共享您使用的背景,以便我们能够了解您所拥有的@Temaniafif一切正常,但我需要以某种方式删除边界上的平滑。@JackGlow您需要处理这些值。这有点棘手,但我链接了另一个答案,详细说明了它的工作原理,让您知道如何do@JackGlow我做了一个更新,4片更好,你可以用圆形重复