增加UL列表项目符号

Question

如何设置UL列表项目符号的样式。 我正在使用正方形，我只需要增加宽度。除了使用自定义图像之外，有什么方法可以做到吗？ 谢谢

Answer 1

这样的事情，使用::before并使用content CSS：

＆＃13;

＆＃13;

ul li {
  list-style: none;
}
ul li::before {
  content: "";
  display: block;
  border: 2px solid #000;
  width: 10px;
  margin-left: -20px;
  margin-top: 1em;
  margin-bottom: -0.67em;
}

＆＃13;

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
</ul>

＆＃13;

＆＃13;

＆＃13;

预览