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

列表list 有以下属性：[链接](https://www.runoob.com/cssref/pr-list-style.html)

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

```css

    ul {

      list-style:circle inside;

    }

```

```css

    ul {

      list-style:square inside;

    }

```

也可以自定义图片：

```css

    ul {

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

    }

```

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

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

**解决方法**：采用背景图片

```css

ul li {

    list-style-type: none;

    background: url("./assets/Start.png") no-repeat 0rem 0.2rem;

    background-size: 1rem 1rem;

    text-indent: 2em;

}

```

这样就比较完美了~   perfect~ 

PS：工作中难免会遇到不清楚的问题，需要百度，而百度的方法也很重要，百度对了，能很快找到解决方法，百度不对，可能会浪费很久的时间，问题还不一定能解决。

百度要讲究方法，我最近发现查文档真的是很重要的一个能力。很多时候是因为对文档不熟，所以项目中出现了很多bug，这时候百度的话，效率可能会比较低，而如果知道是什么问题，优先去对应的官方文档查的话，效率应该会高很多。