请问这个悬停效果怎么实现？最好帮忙补充个代码
<!doctype html>
<html>
<head>
<meta charset="GBK">
<title>网易云阅读排行榜</title>
<style>
h4,li{
font-size:18px;
border-bottom:1px dotted black;
line-height:40px;}
</style>
</head>
<body>
<h4>图书排行榜</h4>
<ol class="list">
<li >当我足够好，才会遇见你</li>
<li>皮囊</li>
<li>李冠耀论中国与世界</li>
<li>乖，摸摸头</li>
<li>男女内参</li>
</ol>
</body>
</html>
super双浏览 1254回答 1
1回答
-
super_mb
<!doctype html> <html> <head> <meta charset="GBK"> <title>网易云阅读排行榜</title> <style> h4,li{ font-size:18px; border-bottom:1px dotted black; line-height:40px;} ol li:hover { color:red; } </style> </head> <body> <h4>图书排行榜</h4> <ol class="list"> <li title="当我足够好，才会遇见你">当我足够好，才会遇见你</li> <li title="皮囊">皮囊</li> <li title="李冠耀论中国与世界">李冠耀论中国与世界</li> <li title="乖，摸摸头">乖，摸摸头</li> <li title="男女内参">男女内参</li> </ol> </body> </html>title属性可以让鼠标悬停时显示title的值，:hover伪类可以定义鼠标悬停时的样式。
随时随地看视频慕课网APP
Html/CSS