如何在css中的无序列表中添加img标签？

<ul id="myList">
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ul>

#myList {
  position: relative;
}

<ul id="myList">
  <li style="background-image: url('image1.jpg')">列表项1</li>
  <li style="background-image: url('image2.jpg')">列表项2</li>
  <li style="background-image: url('image3.jpg')">列表项3</li>
</ul>

<ul id="myList">
  <li class="list-item1">列表项1</li>
  <li class="list-item2">列表项2</li>
  <li class="list-item3">列表项3</li>
</ul>

.list-item1 {
  background-image: url('image1.jpg');
}

.list-item2 {
  background-image: url('image2.jpg');
}

.list-item3 {
  background-image: url('image3.jpg');
}

#myList li {
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 20px; /* 为了给图像留出空间 */
  line-height: 30px; /* 调整行高以垂直居中图像 */
}