CSS li圓形是一種使用CSS圓形屬性將HTML列表項變成圓形的效果。圓形是一種無角的多邊形，可以用來模擬各種形狀，同時也可以利用CSS的屬性進行自定義。

在傳統的HTML列表項中，每個列表項都是直角三角形，這種形狀并不是很受歡迎。而使用CSS圓形屬性，我們可以將列表項變成圓形，這樣不僅可以模擬各種形狀，也可以使代碼更加簡潔。

下面是一個簡單的示例，展示如何使用CSS圓形屬性將HTML列表項變成圓形：

```html

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

<li>Item 4</li>

</ul>

在這個示例中，我們使用了<ul>標簽來創建一個簡單的列表。然后，我們使用了<li>標簽來添加每個列表項。最后，我們使用CSS圓形屬性來設置每個列表項的樣式。

在CSS中，我們可以使用CSS的圓形屬性來設置圓形的大小和形狀。具體來說，我們可以使用CSS的【border-radius】屬性來設置圓形的大小，使用【background-radius】屬性來設置圓形的形狀。

下面是一個示例，展示如何使用CSS圓形屬性來設置圓形的形狀：

```html

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

<li>Item 4</li>

</ul>

<style>

li {

border-radius: 50%;

background-radius: 50%;

</style>

在這個示例中，我們使用了CSS的【border-radius】和【background-radius】屬性來設置每個列表項的圓形的大小和形狀。這個示例中，圓形的大小是50%，形狀是50%。

通過使用CSS圓形屬性，我們可以輕松地將HTML列表項變成圓形，從而可以使代碼更加簡潔，并且可以模擬各種形狀。