Javascript 如何将整个图像填充到一个很小的范围内？

我正在做一个项目，点击一个按钮会产生一个随机跨度（以圆圈的形式），在网页上闪烁。问题是，我试图将span的背景图像设置为一个本地.jpg文件，并且只有一小部分图像填充span

我的css如下所示：

.blinkyDancer{
背景：url（../xyz/dog.png）；
边界半径：50%；
宽度：90px；
高度：90px；
位置：绝对位置；
}

您应该添加背景大小。它可以是包含或覆盖检查什么是更好的

.blinkyDancer{
  background: url(../xyz/dog.png);
  background-size:contain;
  border-radius: 50%;
  width: 90px;
  height: 90px;
  position: absolute;
}

---

您指定了元素的大小，但没有指定图像本身的大小。将此添加到css中：

  background-size: 90px 90px;

---

您还可以调整图像大小以满足要求，您可以使用许多免费站点

您可以使用

背景大小

css属性更改背景图像大小

background-size: 100% 100%;