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，这时候百度的话，效率可能会比较低，而如果知道是什么问题，优先去对应的官方文档查的话，效率应该会高很多。

其他

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。