ul li 自定义图标 和 图标大小

列表list 有以下属性：链接

列表前面的小点点（标记类型）可以通过list-style-type修改：

    ul {
     
      list-style:circle inside;
    }

    ul {
     
      list-style:square inside;
    }

也可以自定义图片：

    ul {
     
      list-style:square inside url('./assets/Start.png');
    }

但如果图片比较大，就是这样尴尬的效果了：

查了半天，这个真不太好改。

解决方法：采用背景图片

ul li {
     
    list-style-type: none;
    background: url("./assets/Start.png") no-repeat 0rem 0.2rem;
    background-size: 1rem 1rem;
    text-indent: 2em;
}

这样就比较完美了~ perfect~