在很多網站中，我們都會看到底部有一個小圓點列表。這種效果可以通過CSS實現(xiàn)，而使用CSS實現(xiàn)底部小圓點有不少優(yōu)點，比如不需要額外的圖片文件，可以隨意更改樣式等等。

ul {
list-style: none;
padding: 0;
margin: 0;
}
li {
display: inline-block;
margin-right: 10px;
}
li::before {
content: "\2022";
color: #ccc;
margin-right: 5px;
}
li:last-child {
margin-right: 0;
}

代碼說明：

• list-style: none用于去除li元素默認的圓點，padding: 0和margin: 0用于去除默認的內外邊距；
• display: inline-block用于讓li元素以行內塊級元素顯示，這樣才能將多個li元素放在同一行；
• margin-right: 10px用于為每個li元素之間添加一定的間距，以免它們擠在一起；
• li::before是一個偽元素，表示在每個li元素的前面添加一個裝飾元素，這里使用Unicode字符“\2022”表示圓點，color: #ccc表示設置顏色為灰色，margin-right: 5px用于增加圓點和文本之間的距離；
• li:last-child用于去除最后一個li元素右邊的間距。

使用上述代碼就可以輕松地實現(xiàn)底部小圓點效果了。當然，我們也可以根據需要來修改樣式，比如改變圓點顏色、大小、形狀等等。