下劃點線是一種常用的 CSS 樣式效果，它非常適合用于顯示列表項。下面是一段下劃點線的 CSS 代碼：

ul {
list-style: none; /* 取消默認列表樣式 */
margin: 0;
padding: 0;
}
li:before {
content: "·"; /* 使用點號作為列表標記 */
margin-right: 8px;
color: #999;
font-size: 18px;
vertical-align: middle;
}
li {
line-height: 1.8;
padding-left: 16px;
position: relative;
}
li:hover:before {
color: #333;
}

以上代碼中，首先通過為 ul 元素設置 list-style: none；margin: 0 和 padding: 0 來取消默認的列表樣式并將外邊距和內邊距設為 0。然后，為每個列表項 li 的前面添加了一個偽元素 :before，將點號作為列表標記，并設置了合適的樣式屬性，例如顏色、字體大小和垂直對齊方式等。

在 li 元素的自身樣式中，我們對其進行了一些操作，如增加了行高、左內邊距和相對定位等。最后，通過設置 li:hover:before 的樣式來改變列表項懸停時的色彩。