哪位大神可以幫忙看下<div class="header">     <ul class="header-nav">       <li id="list_1">全部</li>       <li id="list_2">待付款</li>       <li id="list_3">待發(fā)貨</li>       <li id="list_4">待確認(rèn)</li>       <li id="list_5">已完成</li>     </ul></div>頭部導(dǎo)航怎樣做出這樣的效果？圖片描述點(diǎn)擊哪個(gè)li標(biāo)簽?zāi)膫€(gè)黑色線條出現(xiàn)在哪個(gè)li標(biāo)簽的底部，用循環(huán)的方式