ul li 自定義圖標(biāo) 和 圖標(biāo)大小

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

列表前面的小點(diǎn)點(diǎn)（標(biāo)記類型）可以通過(guò)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');

}

```

但如果圖片比較大，就是這樣尷尬的效果了：

查了半天，這個(gè)真不太好改。

**解決方法**：采用背景圖片

```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：工作中難免會(huì)遇到不清楚的問(wèn)題，需要百度，而百度的方法也很重要，百度對(duì)了，能很快找到解決方法，百度不對(duì)，可能會(huì)浪費(fèi)很久的時(shí)間，問(wèn)題還不一定能解決。

百度要講究方法，我最近發(fā)現(xiàn)查文檔真的是很重要的一個(gè)能力。很多時(shí)候是因?yàn)閷?duì)文檔不熟，所以項(xiàng)目中出現(xiàn)了很多bug，這時(shí)候百度的話，效率可能會(huì)比較低，而如果知道是什么問(wèn)題，優(yōu)先去對(duì)應(yīng)的官方文檔查的話，效率應(yīng)該會(huì)高很多。

其他

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請(qǐng)聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。

版權(quán)聲明：本文內(nèi)容由網(wǎng)絡(luò)用戶投稿，版權(quán)歸原作者所有，本站不擁有其著作權(quán)，亦不承擔(dān)相應(yīng)法律責(zé)任。如果您發(fā)現(xiàn)本站中有涉嫌抄襲或描述失實(shí)的內(nèi)容，請(qǐng)聯(lián)系我們jiasou666@gmail.com 處理，核實(shí)后本網(wǎng)站將在24小時(shí)內(nèi)刪除侵權(quán)內(nèi)容。