CSS 基础学习-109 css删除列表项标记

hrs 提交于 2021/10/17 - 22:02 , 周日

list-style-type:none 属性也可以用于删除标记/项目符号

实例代码:

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <style>
      ul.dm{
          list-style-type:none;
          padding:0;
          margin:0;
        }   
      </style>
  </head>
  <body>
    <h1>删除列表标记符号</h1>
    <h2>默认列表</h2> 
    <ol>
      <li>coffee</li>
      <li>tea</li>
      <li>Coca cola</li>
    </ol>

    <h2>删除项目符号、外边距和内边距</h2> 
    <ul class="dm">
      <li>coffee</li>
      <li>tea</li>
      <li>Coca cola</li>
    </ul>
  </body>
</html>
~          

运行效果:

css-109.png

标签