CSS中的

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

    條目1
    條目2
    條目3

    使用CSS，我們可以控制列表項(xiàng)的排列方式，如樣式、間距和縮進(jìn)。下面的代碼展示了如何使用CSS來設(shè)置列表的樣式：

    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;：這個(gè)屬性可以使列表項(xiàng)的前面沒有任何標(biāo)志，即無序列表的符號。
    • margin: 0;和padding: 0;：這兩個(gè)屬性可以將列表的外邊距和內(nèi)邊距設(shè)置為0，以使列表的邊框貼著父元素。
    • margin: 0;和padding: 4px 0;：這兩個(gè)屬性可以將列表項(xiàng)的外邊距和內(nèi)邊距設(shè)置為4像素上和下和0像素左右。
    • border-bottom: 1px solid #ccc;：這個(gè)屬性可以將列表項(xiàng)之間設(shè)置底部為1像素實(shí)線的邊框。實(shí)線的顏色是#ccc。

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

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

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

    代碼中，我們使用了:hover選擇器，當(dāng)鼠標(biāo)懸停在列表項(xiàng)上時(shí)會將背景色變成#f2f2f2。