列表圓角是網頁設計中常用的技巧之一，能夠使列表看起來更加美觀，并且增加網頁的視覺效果。下面就是一些常用的列表圓角的CSS 代碼，希望能夠給大家帶來一些參考。 首先是通用的列表圓角的CSS樣式：

ul, ol {
padding: 0;
margin: 0;
list-style: none;
}
li {
padding: 10px;
border-radius: 5px;
border: 1px solid #999;
margin-bottom: 10px;
}

上述樣式中，實現了列表的通用樣式和圓角樣式。其中，ul，ol都被設置了邊距、內邊距和列表標記的樣式，li元素則設置了圓角、邊框、內邊距和外邊距。 下面是對特定列表實現的圓角樣式的代碼：

.list {
border: 1px solid #999;
border-radius: 5px;
overflow: hidden;
}
.list li {
padding: 10px;
border-bottom: 1px solid #999;
margin-bottom: 0;
}
.list li:last-child {
border-bottom: none;
}

在這個樣式中，我們將整個列表包裹在一個帶有圓角和邊框的div元素中，然后對每個li元素進行樣式設置，加入圓角、內邊距和底部邊框等樣式。同時，為了讓列表看起來更加協調，我們還用CSS的:last-child選擇器取消了最后一個元素的底部邊框。 綜上，使用CSS實現列表圓角是網頁設計中非常有用的技巧，它能夠讓網頁看起來更加美觀。以上就是一些常用的列表圓角的CSS代碼，希望能夠對你有所幫助。