CSS中的ul和li元素是網頁設計中非常常見的元素，一般用于制作導航欄、列表等。在CSS中，可以針對這些元素來設置其樣式，使網頁更加美觀。

其中最基本的樣式就是對li元素的樣式進行設置，通過設置li元素的樣式來改變列表的樣式。在CSS中，可以用以下代碼設置li元素的樣式：

li {
list-style: none;  /*去除li元素默認的樣式*/
display: inline-block;  /*將li元素設置為行內塊元素*/
margin: 0 10px;  /*設置li元素之間的外邊距*/
padding: 5px 10px;  /*設置li元素內部的內邊距*/
background-color: #f5f5f5;  /*設置li元素的背景色*/
border-radius: 10px;  /*設置li元素的圓角*/
}

通過以上代碼，我們可以看到，li元素的樣式被設置為了去除默認樣式，將li元素設置為行內塊元素，設置了外邊距、內邊距、背景色和圓角。這樣的樣式設置可以使列表更加美觀。

同時，我們還可以對li元素的鼠標懸停狀態進行樣式設置，以增加交互性。以下是對li元素鼠標懸停狀態的樣式設置：

li:hover {
background-color: #fff;  /*設置鼠標懸停狀態下的背景色*/
color: #000;  /*設置鼠標懸停狀態下的字體顏色*/
box-shadow: 0 0 5px rgba(0,0,0,0.3);  /*設置鼠標懸停狀態下的陰影*/
}

通過以上代碼，我們可以看到，li元素在鼠標懸停狀態下的背景色、字體顏色和陰影都被設置為了不同的樣式，這樣可以使用戶在操作列表時感到更加流暢。

總之，在進行網頁設計時，li元素是常用的元素之一，設置正確的樣式可以使網頁更加美觀、交互性更強。