鍍金池/ 問答/HTML/ 如何正確地調(diào)整作為列表圖標(biāo)的那個(gè)圖片的大小

如何正確地調(diào)整作為列表圖標(biāo)的那個(gè)圖片的大小

題目描述

為什么我的列表圖標(biāo)圖片不變小,列表內(nèi)容還混在一起了,圖片本來有三個(gè),列表內(nèi)容分別是咖啡、茶、可口可樂

題目來源及自己的思路

相關(guān)代碼

// 請(qǐng)把代碼文本粘貼到下方(請(qǐng)勿用圖片代替代碼)
<html>
<head>
<style type="text/css">
ul li{list-style-image : url(https://timgsa.baidu.com/timg...;
width:10px;
height:10px;
}

</style>
</head>

<body>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>可口可樂</li>
</ul>

</body>

</html>

你期待的結(jié)果是什么?實(shí)際看到的錯(cuò)誤信息又是什么?

clipboard.png

回答
編輯回答
憶往昔

列表圖標(biāo)的圖片不能設(shè)置寬高。

你設(shè)置的10px是列表項(xiàng)的寬高。

10 * 10的大小容不下 咖啡。

你可以找一個(gè)10*10大小的圖片當(dāng)你的列表圖標(biāo)。

2017年8月11日 18:27