CSS中的ul和li是常用的模板，用于創(chuàng)建列表或者菜單。在HTML中，ul代表無序列表，li是ul中的列表項(xiàng)。利用CSS，我們可以自定義ul和li的樣式。

ul {
list-style: none;
padding: 0;
margin: 0;
}
li {
display: block;
padding: 10px;
margin-bottom: 10px;
background-color: #f1f1f1;
}

上面的代碼實(shí)現(xiàn)了一個(gè)簡(jiǎn)單的ul和li模板。首先我們將ul的樣式設(shè)置為無序列表，去掉了默認(rèn)的列表樣式，并將padding和margin設(shè)置為0，使得列表與其他元素之間沒有空隙。接著，我們將li的display屬性設(shè)置為block，每個(gè)列表項(xiàng)就占據(jù)了一行的空間。同時(shí)，在padding和margin屬性的基礎(chǔ)上加入了背景顏色，使得列表項(xiàng)更加美觀。

上面的樣式僅僅是一個(gè)簡(jiǎn)單的示例，你可以自己根據(jù)需要修改樣式，實(shí)現(xiàn)各式各樣的ul和li模板。例如，你可以利用CSS的偽類選擇器 :hover，來實(shí)現(xiàn)鼠標(biāo)滑過li時(shí)的樣式變化，讓您的網(wǎng)頁更加生動(dòng)起來。