CSS是樣式表語言，是前端開發者必須學會的技能之一。在CSS中，我們經常會用到無序列表（unordered list）和有序列表（ordered list）來排版網頁內容。無序列表中使用

（unordered list）標簽，列表項使用
• （list item）標簽。今天，我們來學習一下如何使用CSS來美化無序列表。

  <ul>
  <li>列表項1</li>
  <li>列表項2</li>
  <li>列表項3</li>
  </ul>

  在CSS中，我們可以為無序列表添加樣式，比如改變列表項的顏色、字體大小、間距等。首先，我們可以為整個無序列表添加樣式，方法是使用ul選擇器。

  ul {
  list-style-type: none; /* 去除列表項默認樣式 */
  margin: 0;
  padding: 0;
  }

  上述代碼中，我們去除了列表項的默認顯示符號（圓點），并將列表的內外邊距都設為0。接下來，我們可以為列表項定義樣式。

  li {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
  }

  上述代碼中，我們將每個列表項的顯示方式改為塊元素，以便為其設置寬度、高度等樣式。我們還為每個列表項添加了上下10像素的內邊距和一條灰色的下邊框，以增加列表項之間的可讀性。

  還可以為列表項添加鼠標懸停樣式，這樣用戶在鼠標懸停在每個列表項上時，會觸發相關的效果。方法是使用:hover偽類選擇器。

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

  上述代碼中，我們為列表項添加了淡灰色的背景色，以增加鼠標懸停時的可讀性。

  總結，通過CSS樣式，我們可以輕松美化無序列表，提升用戶體驗、頁面視覺效果。