CSS中的ul和li標簽常用于創建列表，但是有時候我們希望去掉它們的默認樣式，讓它們不帶有點或其他符號，這個時候該怎么做呢？

ul {
list-style-type: none; /* 將默認樣式去掉 */
padding: 0; /* 去掉默認的padding */
margin: 0; /* 去掉默認的margin */
}
li {
display: block; /* 將默認的inline改為block */
}

以上代碼就是去掉ul和li默認樣式的方法，其中ul的list-style-type屬性被設置為none，去掉了默認的點樣式；同時還去掉了默認的padding和margin，讓列表緊貼邊緣。li的display屬性被設置為block，這樣每個li都會獨自占一行顯示。

列表項1
列表項2
列表項3

最后我們在ul標簽內部加入三個li標簽，看一下效果：

• 列表項1
• 列表項2
• 列表項3

可以看到，我們已經成功將ul和li的默認樣式去掉了，讓它們清爽簡潔地呈現在頁面上。