CSS中 <li> 標簽用來創建無序列表，在默認情況下，每一項前面會自動添加圓點。如果想要去除列表的圓點樣式，可以通過以下代碼實現：

li {
list-style: none;
}

如果想要自定義&nbps;<li> 的圓點樣式，可以使用 list-style-type 屬性進行設置：

li {
list-style-type: circle;  /* 圓形 */
list-style-type: square;  /* 方形 */
list-style-type: disc;    /* 實心圓 */
}

以上三種樣式都是比較基礎的，如果想要更加奇特的樣式，可以使用 @keyframes 動畫配合 content 屬性進行設置。例如：

li:before {
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
background: red;
display: inline-block;
margin-right: 10px;
animation: 1s ease-out 0s normal none infinite running changeColor;
}
@keyframes changeColor {
0% {
background: red;
}
50% {
background: blue;
}
100% {
background: green;
}
}

以上代碼會讓 <li> 的每一項前面出現一個動態的圓點，實現方式是通過偽元素 :before 和 content 屬性創建。其中，通過 @keyframes 制作了一個簡單的顏色變化動畫。