當我們在HTML頁面中使用無序列表時,通常會出現小圓點的圖標。但是,有時候我們想要去掉這些小圓點,該怎么辦呢?下面我們來介紹兩種常見的方法。
方法一:
ul{ list-style:none; }
這里我們使用了CSS的list-style屬性,并將其設置為none。這樣就可以把小圓點去掉了。這個方法非常簡單,而且比較實用。
方法二:
ul{ padding: 0; margin: 0; } li{ display: inline-block; }
這個方法是利用了display屬性來實現。我們將li標簽的display屬性設置為inline-block,則所有li標簽就不再堆疊而是在同一行顯示。同時,為了去掉多余的空白區域,我們還要將ul的padding和margin屬性設置為0。這樣做的好處是更加靈活,我們可以自由的控制列表項的排列方式。
綜上所述,這兩種方法都是非常常見的去掉HTML頁面小圓點的方法。視具體情況能選擇不同的方法去達到理想的效果。
下一篇vue awe