用css模拟title和alt提示效果,CSS、DIV

运行代码框
 <style>
.info {position:relative;background:#fff;color:#666; text-decoration:none;font-size:12px;width:150px;text-align:center;border:1px solid #ccc;height:25px;line-height:25px;}/*设置链接的属性,一定要设置为relative才能使提示层跟着链接走*/
.info:hover {background:#eee;color:#333;}
.info span {display: none }/*设置正常下的span为隐藏状态*/
.info:hover span /*设置hover下的span属性为呈现状态,并设置提示层的位置*/{display:block;position:absolute;top:30px;left:60px;width:130px;border:1px solid #ff0000; background:#fff; color:#000;padding:5px;text-align:left;}
</style>
<body>
<a class="info" href="http://www.hzwz.net"><img align=absmiddle src=/image/url.gif border=0><a target=_blank href=http://www.hzwz.net>www.hzwz.net</a><span>这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流，记住域名<img align=absmiddle src=/image/url.gif border=0><a target=_blank href=http://www.hzwz.net>www.hzwz.net</a>哦</span></a>
<a class="info" href="http://www.hzwz.net"><img align=absmiddle src=/image/url.gif border=0><a target=_blank href=http://www.hzwz.net>www.hzwz.net</a><span>这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流，记住域名<img align=absmiddle src=/image/url.gif border=0><a target=_blank href=http://www.hzwz.net>www.hzwz.net</a>哦</span></a>
<a class="info" href="http://www.hzwz.net"><img align=absmiddle src=/image/url.gif border=0><a target=_blank href=http://www.hzwz.net>www.hzwz.net</a><span>这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流，记住域名<img align=absmiddle src=/image/url.gif border=0><a target=_blank href=http://www.hzwz.net>www.hzwz.net</a>哦</span></a>
<a class="info" href="http://www.hzwz.net"><img align=absmiddle src=/image/url.gif border=0><a target=_blank href=http://www.hzwz.net>www.hzwz.net</a><span>这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流，记住域名<img align=absmiddle src=/image/url.gif border=0><a target=_blank href=http://www.hzwz.net>www.hzwz.net</a>哦</span></a>
<a class="info" href="http://www.hzwz.net"><img align=absmiddle src=/image/url.gif border=0><a target=_blank href=http://www.hzwz.net>www.hzwz.net</a><span>这是我的个人blog，里面有一些网站设计和制作的东东，希望大家常来交流，记住域名<img align=absmiddle src=/image/url.gif border=0><a target=_blank href=http://www.hzwz.net>www.hzwz.net</a>哦</span></a>
</body>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]