html调整图片成为span的背景

要将图片调整为`<span>`元素的背景，可以使用CSS的`background`属性。具体步骤如下：

1. 将要作为背景的图片包裹在`<span>`元素中。

   <span class="bg-image"></span>

2. 使用CSS的`background`属性来设置背景图片，并将`background-size`属性设置为`cover`以确保图片占满整个背景区域。

   .bg-image {
     display: inline-block;
     background: url('your-image-url') no-repeat center center / cover;
     width: 100px; /* 设置<span>元素的宽度 */
     height: 100px; /* 设置<span>元素的高度 */
   }

3. 可以设置`<span>`元素的宽度和高度，以确保背景图片显示在正确的大小和位置。

注意，`background`属性可以同时设置背景图片的URL、重复方式、位置、大小等属性。在上面的示例中，`no-repeat`表示不重复背景图片，`center center`表示将背景图片水平和垂直居中，`cover`表示将背景图片调整为完全覆盖背景区域。

如果你希望在`<span>`元素中添加其他内容，例如文本或其他元素，请将它们添加到`<span>`元素中，并使用CSS的`z-index`属性将它们放在背景图片之上。

以下是完整的示例代码：

<span class="bg-image"></span>

.bg-image {
  display: inline-block;
  background: url('your-image-url') no-repeat center center / cover;
  width: 100px;
  height: 100px;
}