在網(wǎng)頁設(shè)計(jì)中，常用的列表是無序列表和有序列表。在默認(rèn)狀態(tài)下，列表項(xiàng)的形狀為方形，顯得平淡無奇。但我們可以使用CSS來使列表項(xiàng)擁有圓角，從而讓頁面更加美觀。本文將介紹CSS未設(shè)置列表圓角的情況。

<ul>
<li>列表項(xiàng)1</li>
<li>列表項(xiàng)2</li>
<li>列表項(xiàng)3</li>
</ul>

以上是一個(gè)簡單的無序列表代碼。我們打開瀏覽器可發(fā)現(xiàn)，列表項(xiàng)的樣式為方形。接下來，我們嘗試將列表項(xiàng)設(shè)置為圓角。

<style>
ul {
list-style-type: none;
padding: 0;
}
li {
background-color: #f2f2f2;
border-radius: 10px;
padding: 7px;
margin-bottom: 5px;
}
</style>
<ul>
<li>列表項(xiàng)1</li>
<li>列表項(xiàng)2</li>
<li>列表項(xiàng)3</li>
</ul>

我們在style標(biāo)簽中添加了li的樣式，調(diào)整了背景顏色、邊框半徑、內(nèi)邊距和外邊距，使列表項(xiàng)擁有了圓角。此時(shí)重新在瀏覽器中打開頁面，我們可以看到列表項(xiàng)變成了圓角矩形，顯得更加美觀。

總結(jié)：CSS樣式可以幫助我們讓列表項(xiàng)更加美觀。如果沒有設(shè)置圓角樣式，列表項(xiàng)默認(rèn)是方形的。要實(shí)現(xiàn)設(shè)置整個(gè)列表圓角，需在ul標(biāo)簽中設(shè)置border-radius樣式，而對于每個(gè)li項(xiàng)，需設(shè)置背景顏色、邊框半徑、內(nèi)邊距和外邊距。