樣式描述：想給無序列表中每個<li>標籤中文字後添加一個圖片
<body>
<ul class="nav">
<li>一級菜單<span></span></li>
<li>二級菜單<span></span></li>
<li>三級菜單<span></span></li>
<li>四級菜單<span></span></li>
<li>五級菜單<span></span></li>
<li>六級菜單<span></span></li>
<li>七級菜單<span></span></li>
</ul>
</body>
①圖片爲：
原效果展示：
問題描述：圖片無法自適應大小，只能展示一部分
解決代碼如下：加上最關鍵的：background-size:100% 100%;
.nav>li>span{
background: url("../img/rightarr.png") no-repeat center center;
background-size:100% 100%;
display:inline-block;
width: 32px;
height: 32px;
}
設置後效果展示：
