css模拟title和alt的提示效果

运行代码框

<style>
.info {position:relative;background:#fff;color:#666; text-decoration:none;font-size:12px;150px;text-align:center;border:1px solid #ccc;height:25px;line-height:25px;}
.info:hover {background:#eee;color:#333;}
.info span {display: none }
.info:hover span {display:block;position:absolute;top:30px;left:60px;130px;border:1px solid #ff0000; background:#fff; color:#000;padding:5px;text-align:left;}
</style>
<body>
<a class="info" href="http://www.achome.cn" href_cetemp="http://www.achome.cn">www.achome.cn<span>这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流</span></a>
<a class="info" href="http://www.achome.cn" href_cetemp="http://www.achome.cn">www.achome.cn<span>这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流</span></a>
<a class="info" href="http://www.achome.cn" href_cetemp="http://www.achome.cn">www.achome.cn<span>这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流</span></a>
<a class="info" href="http://www.achome.cn" href_cetemp="http://www.achome.cn">www.achome.cn<span>这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流</span></a>
<a class="info" href="http://www.achome.cn" href_cetemp="http://www.achome.cn">www.achome.cn<span>这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流</span></a>
</body>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

相关阅读:
【POJ1456】Supermarket（贪心）
【HDU5831】Rikka with Parenthesis II（括号）
【ZOJ2278】Fight for Food（dp）
【ZOJ2277】The Gate to Freedom
【ZOJ2276】Lara Croft（bfs）
3944: Sum[杜教筛]
[Sdoi2016]平凡的骰子
[Sdoi2016]齿轮
[Sdoi2016]硬币游戏
[NOI2005]月下柠檬树[计算几何（simpson）]

原文地址：https://www.cnblogs.com/QDuck/p/538272.html