ul li 自定义图标 和 图标大小
【摘要】 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，这时候百度的话，效率可能会比较低，而如果知道是什么问题，优先去对应的官方文档查的话，效率应该会高很多。
【声明】本内容来自华为云开发者社区博主，不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息，否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）