CSS可以通過使用列表樣式（List Style）來生成帶序號的li元素，以下是一個簡單的示例：

<ul class="numbered-list">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
</ul>

在這個示例中，我們創(chuàng)建了一個有序列表（Ordered List），每個li元素都會自動被賦予一個序號。

我們可以通過CSS來定制這個序號的樣子，我們可以讓序號變成紅色，并且居中顯示：

.numbered-list li {
  list-style-type: decimal; /* 使用阿拉伯數(shù)字作為序號 */
  color: red; /* 序號顏色為紅色 */
  text-align: center; /* 序號居中顯示 */
}

在這個CSS樣式中，我們使用了list-style-type屬性來指定序號類型，這里我們選擇了阿拉伯數(shù)字（decimal），我們通過color屬性將序號顏色設(shè)置為紅色，并通過text-align屬性讓序號居中顯示。

我們的帶序號li元素已經(jīng)生成，并且序號樣式已經(jīng)定制好了，你可以根據(jù)自己的需求進一步調(diào)整CSS樣式，比如改變序號的大小、字體等。