博客

css 将无序列表前面的小点变成图片 并调整图片大小

  • Post author:
  • Post category:其他

我们先建一个普通的无序列表

<ul>
  <li>111</li>
  <li>222</li>
  <li>333</li>
</ul>

关键还是在于css

ul li {
     list-style-type: none;
     line-height: 1.2em;
     background: url("图片的路径") no-repeat 0rem 0.3rem;
     background-size: 1.2em 1.2em;
     text-indent: 2em;
 }

可以实现效果 但其实不好用 个人建议 还是直接用div去做会好控制很多

版权声明：本文为weixin_45966674原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。