在CSS中,當我們使用無序列表ul和有序列表ol時,每個列表項li都會有一個默認的圓點標記。但是,在某些情況下,我們可能不想要這些圓點標記。那么,如何在CSS中去掉li的點呢?
下面介紹兩種方法:
方法一:使用list-style屬性
使用list-style屬性,可以幫助我們控制列表標記的樣式。我們可以將list-style設為none,它會去掉li的圓點標記。示例代碼如下:
ul { list-style: none; }上面的代碼將去掉所有ul下的li的圓點標記。如果你只想去掉某一個ul下的li的圓點標記,可以將上述代碼修改為:
ul#id li { list-style: none; }方法二:使用list-style-type屬性 list-style-type屬性用于定義列表項標記的類型。我們只需要將其設為none,同樣可以去掉li的圓點標記。示例代碼如下:
ul li { list-style-type: none; }同樣,如果你只想針對某個ul下的li去掉圓點標記,可以將上述代碼修改為:
ul#id li { list-style-type: none; }綜上所述,去掉li的圓點標記的方法很簡單,只需在CSS中設置list-style或list-style-type屬性即可。