在Web開發中，ul li是常用的HTML標簽，它們可以用來創建列表。同時，我們也可以使用CSS樣式來美化這些列表。

ul {
/* 去掉默認的list-style */
list-style: none;
/* 設置字體顏色和背景顏色 */
color: #333;
background-color: #f2f2f2;
/* 設置內外邊距 */
padding: 10px;
margin: 0;
}
/* 列表項樣式 */
li {
/* 設置字體大小和對齊方式 */
font-size: 16px;
text-align: center;
/* 設置上下邊距和左右邊距 */
padding: 8px 16px;
margin: 4px;
/* 設置邊框樣式 */
border: 2px solid #ccc;
border-radius: 4px;
/* 設置鼠標懸停效果 */
cursor: pointer;
transition: background-color 0.3s ease;
}
/* 鼠標懸停效果 */
li:hover {
background-color: #ccc;
color: #fff;
}

上面的CSS代碼可以給UL和LI標簽添加一些樣式，從而讓列表更加美觀和易于閱讀。可以看到，UL標簽使用了list-style:none來去掉默認的樣式，同時設置了字體顏色和背景顏色。而LI標簽則設置了字體大小和對齊方式，還用邊框裝飾了列表項，并設置了鼠標懸停效果。在CSS中，我們可以通過選擇器和屬性來對HTML標簽進行樣式設置，從而實現各種各樣的效果。