HTML里的li元素（列表項）在網站開發中經常使用。它們可以在HTML文檔中用于創建有序列表和無序列表。為了讓網站看起來更漂亮，我們經常需要設置li元素的樣式。 設置li元素的樣式可以使用CSS來實現。CSS是一種樣式表語言，用于為HTML文檔定義樣式。我們可以使用CSS通過li元素的class或id來設置其樣式。下面是一個示例：

ul li {
list-style: none;
margin: 0;
padding: 0;
}
ul li a {
display: block;
padding: 10px;
background-color: #f2f2f2;
color: #333;
text-decoration: none;
}
ul li a:hover {
color: #fff;
background-color: #333;
}

在這個示例中，我們使用CSS為ul和li元素定義了樣式。我們使用了

和
• 標簽來創建無序列表，并使用CSS將樣式應用于列表項。在CSS中，我們使用“ul li”來選中所有的列表項，并設置它們的樣式。我們使用“list-style:none”來隱藏列表項的默認標記，并使用“margin:0”和“padding:0”來去除列表項的外邊距和內邊距。 我們通過“ul li a”來選擇列表項中的超鏈接，并設置它們的樣式。我們使用“display:block”來讓超鏈接占據整個列表項的寬度，并使用“padding:10px”來為超鏈接添加間距。我們使用“background-color:#f2f2f2”和“color:#333”來設置列表項的背景顏色和字體顏色。最后，我們使用“text-decoration:none”來去除鏈接的下劃線。 我們使用“ul li a:hover”來設置鼠標懸停在超鏈接上時的樣式。我們使用“color:#fff”和“background-color:#333”來改變超鏈接文字和背景顏色。 在網站開發中，設置li元素的樣式是一個非常常見的任務。通過使用CSS，我們可以輕松地定制列表項的外觀，使網站看起來更加獨特和專業。