在網頁開發中,我們經常會用到<ul>和<li>標簽來呈現列表。然而,瀏覽器默認會給<li>標簽添加下劃線,這對于一些特殊的設計需求可能會帶來困擾。這時候,我們可以使用CSS來去除下劃線。
ul { list-style: none; /* 去除默認的列表樣式 */ } li { text-decoration: none; /* 去除下劃線 */ }
以上代碼中,我們使用了 list-style: none;
去除了默認的列表樣式,然后使用 text-decoration: none;
來去除下劃線。
如果僅僅是去除其中幾個<li>標簽的下劃線,可以給這些<li>標簽添加特殊的類名,并使用CSS來去除下劃線。例如:
li.no-underline { text-decoration: none; }
然后,在HTML中給需要去除下劃線的<li>標簽添加類名即可:
<ul> <li>默認有下劃線</li> <li class="no-underline">沒有下劃線</li> <li>默認有下劃線</li> </ul>
如此一來,我們就可以通過簡單的CSS代碼來去除<li>標簽中的下劃線,達到更好的視覺效果。