📌  相关文章
📜  如何隐藏侧边栏列表中的项目符号?

📅  最后修改于: 2021-10-29 06:11:52             🧑  作者: Mango

通常,当我们创建一个列表(有序或无序列表)时,它会以标记或项目符号的形式出现。有几次我们不想要项目符号或任何标记,我们只想要一个没有项目符号的简单列表。为此,我们可以使用纯 CSS 从列表中删除这些项目符号。

为此,我们使用CSS list-style-type 属性。如果“list-style-image”的值为“none”,则它指定列表项标记的外观(例如圆盘、字符或自定义计数器样式)。如果我们设置 none 值,它将不会为列表创建标记或项目符号。此外,我们必须设置margin:0padding:0,因为列表有默认的边距和填充。

下面的示例说明了该方法:

  • 例子:
     
     
      
     
        
     
      
     
        
            

    GeeksforGeeks

                     

    HTML bulletless list

          
        
            

    GeeksforGeeks courses List:

              
                    
    • Geeks
    •               
    • Sudo
    •               
    • Gfg
    •               
    • Gate
    •               
    • Placement
    •           
          
        
        

    GeeksforGeeks courses List:

          
                
    • Geeks
    •           
    • Sudo
    •           
    • Gfg
    •           
    • Gate
    •           
    • Placement
    •       
                                
  • 输出: