今天我們來討論一下如何取消 CSS 中列表前的小點，有時我們在編寫網頁時，希望把一個列表或者條目展現在頁面上，但是默認的樣式會出現小點或者其他符號，這并不是我們想要的效果。 為了取消列表前的小點，我們需要使用 CSS 屬性來進行設置。我們可以使用 list-style-type 屬性，它的默認值是 disc，所以如果我們要取消小點，就可以把它設置為 none。 下面是一個例子： pre { background-color: #f4f4f4; padding: 10px; } p { list-style-type: none; }

• Apple
• Banana
• Orange
• Grape

在上面的例子中，我們使用了 pre 和 p 標簽來包裹代碼和文字內容。我們先設置了 pre 標簽的背景顏色和內邊距，使代碼排版更加美觀。然后我們在 p 標簽中使用了 list-style-type 屬性來取消了列表前的小點。 最后，我們在 ul 標簽中展示了我們的列表，你會發現小點已經被消失了。 總結 使用 CSS 取消列表前的小點非常簡單，只需要設置 list-style-type 屬性為 none 就可以了。這樣做有助于網頁制作更加美觀，減少冗余符號的出現，增強視覺體驗。