html - 使用 ::before 将图标添加到列表中

Question

我正在使用 Bootstrap。我正在尝试将图像作为数字图标添加到我的列表中。<div>在标签内添加标签是一种不好的做法<ul>，所以可以添加图标::before吗？

这是我的代码：

<ul class="lizt" id="sub-lizt">
  <li class="item"><a href="#Item_name">1. Bunch of geebrish</a></li>
  <li class="item"><a href="#Item_name">2. Bunch of geebrish</a></li >
</ul>          

标签： htmlcss

Answer 1

ul {
 list-style-image: url('/your_img_path.jpg');
}

你可以在你的 CSS 中使用它。要深入了解，请看这里。