📜  如何使用 CSS 从无序列表项中删除缩进?

📅  最后修改于: 2021-08-29 12:08:12             🧑  作者: Mango

在设计网页时,我们过去常常添加一些项目列表,有时它们会被编号(以各种样式),有时它们会带有项目符号(以各种样式)。当我们试图设计一个导航栏或任何类型的列表时,可能会发生这种情况,其中项目既没有编号也没有项目符号,我们不需要数字或项目符号,也没有边距。要从无序列表(带有项目符号的列表)中删除该缩进,需要使用 CSS 完成样式设置。该样式将仅在列表上实现。所以选择器将是 ul。

句法:

ul {
    // CSS Property
}

示例:此示例创建一个页面,其中包含一个缩进为零 (0) 的列表。



  

    
        Remove indentation from an 
        unordered list of items
    
      
    
    

  

    

Computer science subjects:

    
            
  • Data Structure
  •         
  • Algorithms
  •         
  • Operating System
  •         
  • Computer Network
  •         
  • DBMS
  •         
  • Web Technology
  •     
                       

输出:

在上面的例子中, padding-left属性用于设置从左边开始的缩进。 padding-left:0 用于从左侧删除缩进(空格)。 list-style: none 属性用于从项目列表中删除 list-style 属性。