List bullets like 1) 2) 3)

This question already has an answer here:

Custom list style for ordered lists 1 answer

---

Use CSS counters. The counter-increment CSS property is used to increase the value of CSS Counters by a given value. The counter's value can be reset using the counter-reset CSS property. Try this

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>

链接地址: http://www.djcxy.com/p/75996.html

上一篇: 将元件垂直居中固定

下一篇: 列出像1）2）3）