html - 列表样式图像的问题

Question

我的元素符号列表在类作业中使用图像而不是常规元素符号时遇到问题。图片没有放在列表旁边，而是放在单词集中。

这部分的 HTML 如下所示:

     li {
       background: url('http://s30.postimg.org/52wxo16t9/bullet_Image.png') 2px 4px no-repeat;
       display: list-item;
       padding: 3px 3px 3px 20px;
       overflow: visible;
       list-style: none;
     }

<ol>
  <li class="planet">Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
  <li class="planet">Aliquam tincidunt mauris eu risus.</li>
</ol>

Answer 1

您可以通过在 ol 标签中使用 list-style-image 属性轻松地做到这一点。

ol {
    list-style-image: url('your_image_url');
}

example