css去除li默认样式

在 HTML 中，我们通常使用 <ul> 和 <ol> 标签来创建无序和有序列表。而这些标签所生成的列表项 <li> 具有默认的样式，包括缩进、加粗和列表符号等。如果我们想要自定义列表项的样式，就需要使用 CSS 来去除默认样式。

在 CSS 中去除 <li> 的默认样式是非常简单的，只需要给 <ul> 和 <ol> 元素添加 list-style:none; 属性即可去除默认的列表符号。

  
    ul,ol {
      list-style: none;
    }
  

在实际使用中，我们可能还需要去除列表项的缩进和加粗。我们可以给 <li> 添加 padding-left: 0; 和 font-weight: normal; 属性，来去除默认的缩进和加粗样式。

  
    ul,ol {
      list-style: none;
    }
    
    li {
      padding-left: 0;
      font-weight: normal;
    }
  

除了上述方法外，我们还可以直接给 <li> 元素添加样式来自定义列表项的样式。例如，我们可以给 <li> 添加自定义的图标或者背景色、边框等等。

总的来说，去除 <li> 的默认样式是非常简单的，只需要几行 CSS 代码就能完成。不过在实际使用中，我们还需要根据实际情况来选择是否需要完全去除默认样式，或者部分去除，或者直接自定义样式来取代默认样式。