CSS樣式可以應用在HTML列表中，使得它們更具有吸引力和易讀性。

要創(chuàng)建水平列表，需要將列表項中的display屬性設置為inline或inline-block：

ul {
list-style: none;
}
li {
display: inline-block;
}

在上述示例中，我們首先將無序列表樣式設置為none，以去掉默認的列表標記。接下來，我們將列表項的display屬性設置為inline-block，這樣它們就可以在同一行中水平顯示。

要在列表項之間添加一些間距，我們可以使用margin屬性：

li {
display: inline-block;
margin-right: 10px;
}

上面的代碼在每個列表項右側添加了10像素的間距。

要使列表項的樣式在鼠標懸停時發(fā)生變化，可以使用:hover偽類：

li:hover {
background-color: #ccc;
}

上面的代碼將在鼠標懸停在列表項上時將其背景顏色更改為灰色。

對于有序列表，我們可以使用相同的CSS屬性進行設置。只需要將標記類型從ul改為ol即可：

ol {
list-style: none;
}
li {
display: inline-block;
margin-right: 10px;
}
li:hover {
background-color: #ccc;
}

通過這些簡單的CSS代碼，我們可以創(chuàng)建出具有吸引力和易讀性的水平列表。