首页 文章

列出子弹,如1)2)3)[重复]

提问于
浏览
9

这个问题在这里已有答案:

我需要使用CSS的这种类型的子弹

1)Lorem ipsum dolor sit amet,consectetur adipisicing elit 2)Lorem ipsum dolor sit amet,consectetur adipisicing elit 3)Lorem ipsum dolor sit amet,consectetur adipisicing elit

有谁对此有所了解?

1 回答

  • 22

    使用CSS计数器 . 反增量CSS属性用于将CSS计数器的值增加给定值 . 可以使用计数器重置CSS属性重置计数器的值 . 试试这个

    ol {
      counter-reset: item;
      list-style-type: none;
    }
    
    ol li:before {
      content: counter(item) ")";
      padding-right: 5px;
      counter-increment: item
    }
    
    <ol>
      <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit</li>
      <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit</li>
      <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit</li>
    </ol>
    

相关问题