为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

super双 2016-07-09 19:59:41
<!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>
查看完整描述

1 回答

已采纳
?
super_mb

TA贡献101条经验 获得超107个赞

<!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伪类可以定义鼠标悬停时的样式。

查看完整回答
2 反对 回复 2016-07-09
  • 1 回答
  • 0 关注
  • 1253 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信