使用无序列表制作畅销书排行榜页面 超链接无下划线,鼠标悬浮至超链接时显示下划线
时间: 2023-12-24 08:02:28 浏览: 187
可以使用以下 HTML 代码来实现:
```html
<ul>
<li><a href="#" style="text-decoration: none; border-bottom: 1px solid transparent;">《白夜行》</a></li>
<li><a href="#" style="text-decoration: none; border-bottom: 1px solid transparent;">《活着》</a></li>
<li><a href="#" style="text-decoration: none; border-bottom: 1px solid transparent;">《围城》</a></li>
<li><a href="#" style="text-decoration: none; border-bottom: 1px solid transparent;">《解忧杂货店》</a></li>
</ul>
```
其中,`<ul>` 表示无序列表,`<li>` 表示列表项,`<a>` 表示超链接。在超链接的样式中,`text-decoration: none;` 表示无下划线,`border-bottom: 1px solid transparent;` 表示底部边框为透明色,鼠标悬浮时会变成实色从而显示下划线。
阅读全文