在HTML中，有序列表是指按照一定的順序排列的項目列表，通常會使用數字或字母作為標記。CSS可以幫助我們美化有序列表，使其看起來更加美觀和整潔。 下面是一個基本的HTML代碼實現有序列表：

<ol>
<li>第一項</li>
<li>第二項</li>
<li>第三項</li>
</ol>

上述代碼中使用了<ol>標簽將列表包含起來，而每個列表項目則使用<li>標簽實現。默認情況下，有序列表中的每個項目前面都會自動加上數字編號，并且編號默認為從1開始，遞增1。你可以使用CSS樣式更改數字樣式。 例如，如果你想將項目編號修改為使用大寫字母作為標記，可以使用以下CSS樣式：

ol {
list-style-type: upper-alpha;
}

這會將有序列表中的編號改為大寫字母，其它可選的標記類型還有羅馬數字、小寫字母和帶圓點等等。現在，有序列表看起來變得更加清晰易讀。 有序列表同樣也支持嵌套，你可以在其中插入另一個有序列表或是無序列表。下面是一個嵌套列表的例子：

<ol>
<li>第一項</li>
<li>第二項
<ol>
<li>第二項的第一子項</li>
<li>第二項的第二子項</li>
</ol>
</li>
<li>第三項</li>
</ol>

上面的代碼中，第二項中包含了另一個有序列表，使得它們看起來更加具體和有層次感。 總的來說，有序列表是一個非常有用和常見的HTML元素，通過CSS的美化可以讓其看起來更加專業和整潔。