猿问

请问这个悬停效果怎么实现?最好帮忙补充个代码


<!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
我要回答