CSS中的

和
• 元素是用來制作列表的。在CSS中，
  表示無序列表，
  • 表示列表項。例如：

    條目1
    條目2
    條目3

    使用CSS，我們可以控制列表項的排列方式，如樣式、間距和縮進。下面的代碼展示了如何使用CSS來設置列表的樣式：

    ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }
    li {
    margin: 0;
    padding: 4px 0;
    border-bottom: 1px solid #ccc;
    }

    代碼中，我們使用了一些CSS屬性來控制列表的顯示效果：

    • list-style-type: none;：這個屬性可以使列表項的前面沒有任何標志，即無序列表的符號。
    • margin: 0;和padding: 0;：這兩個屬性可以將列表的外邊距和內邊距設置為0，以使列表的邊框貼著父元素。
    • margin: 0;和padding: 4px 0;：這兩個屬性可以將列表項的外邊距和內邊距設置為4像素上和下和0像素左右。
    • border-bottom: 1px solid #ccc;：這個屬性可以將列表項之間設置底部為1像素實線的邊框。實線的顏色是#ccc。

    通過這些CSS設置，我們可以得到一個沒有符號的列表，并將列表項間距設置為4像素上下，在它們之間添加1像素的底邊框。

    此外，我們還可以使用CSS來為列表添加動畫效果，例如懸停時變色：

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

    代碼中，我們使用了:hover選擇器，當鼠標懸停在列表項上時會將背景色變成#f2f2f2。