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>标签中的下划线,达到更好的视觉效果。