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

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

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