CSS中，我們可以通過設置屬性為list-style-type:none來去掉無序列表前的默認圓點。但是如果我們想要給列表項添加一個圓點下劃線的效果呢？

ul{
list-style-type:none;
}
li::before{
content:"\2022";
color:#333;
font-size:18px;
margin-right:10px;
}
li::after{
content:"";
display:block;
width:100%;
border-bottom:2px solid #333;
margin-top:5px;
}

上述代碼中，我們首先設定了ul的list-style-type為none，去掉了默認圓點。然后通過偽元素::before，在每個li前添加一個實心圓點。接著設定了圓點的樣式，包括顏色、大小和右邊距。

接下來再通過偽元素::after，在每個li后添加一個塊級元素，并設置其為鋪滿整行的寬度，然后在其上方添加上一條2像素寬的下劃線。至此，我們成功地為li添加了一個圓點下劃線的效果。