在CSS中，可以使用背景圖像作為列表的背景，以下是一些示例代碼，展示如何在背景圖上創(chuàng)建列表：

1、HTML結(jié)構(gòu)：

<ul class="list-on-image">
  <li>列表項1</li>
  <li>列表項2</li>
  <li>列表項3</li>
  <li>列表項4</li>
  <li>列表項5</li>
</ul>

2、CSS樣式：

.list-on-image {
  position: relative;
  width: 200px; /* 列表的寬度 */
  height: 300px; /* 列表的高度 */
  background-image: url('path-to-your-image.jpg'); /* 替換為你的背景圖像路徑 */
  background-repeat: no-repeat; /* 不重復(fù)背景圖像 */
  padding: 10px; /* 列表項之間的間距 */
}
.list-on-image li {
  position: absolute;
  top: 0; /* 列表項垂直位置 */
  left: 0; /* 列表項水平位置 */
  width: 100%; /* 列表項寬度 */
  height: 50px; /* 列表項高度 */
  line-height: 50px; /* 文本垂直居中 */
  text-align: center; /* 文本水平居中 */
}

在這個示例中，我們創(chuàng)建了一個帶有背景圖像的列表，我們?yōu)?code>ul元素設(shè)置了背景圖像，并將其設(shè)置為不重復(fù)，我們?yōu)?code>li元素設(shè)置了***定位，使其能夠填充整個列表區(qū)域，每個li元素的寬度設(shè)置為100%，高度設(shè)置為50px，并通過line-height屬性使文本垂直居中，通過text-align屬性使文本水平居中。