CSS設計有序列表的背景

在CSS中，我們可以使用多種方法設計有序列表的背景，以下是一些常見的技巧：

1、使用背景顏色：我們可以通過設置背景顏色來填充列表項，我們可以使用background-color屬性將列表項的背景色設置為紅色：

ul {
  list-style-type: none;
  padding: 0;
}
li {
  background-color: red;
}

2、使用背景圖片：我們還可以使用背景圖片來裝飾列表項，我們可以使用background-image屬性將列表項的背景設置為一張圖片：

ul {
  list-style-type: none;
  padding: 0;
}
li {
  background-image: url('path/to/image.png');
}

3、使用CSS偽元素：我們還可以使用CSS偽元素來創(chuàng)建自定義的背景，我們可以使用::before和::after偽元素在列表項的前后添加一些裝飾性的內容：

ul {
  list-style-type: none;
  padding: 0;
}
li {
  position: relative;
}
li::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: red;
}

這些技巧可以幫助我們設計出各種風格的背景，使得有序列表更加吸引人。