下面是编程之家 jb51.cc 通过网络收集整理的代码片段。
编程之家小编现在分享给大家，也给大家做个参考。
<html> <title>纯CSS链接提示效果</title> <style> div{ clear:both; margin:5px 0 0 0; font-size:12px; line-height:22px; } a.alt{ position:relative; background-color:#f8f8f8; float:left; width:158px;height:20px; margin:0 auto; border:1px solid #ccc; text-align:center; text-decoration:none; color:#555; } a.alt:hover{background:#EEE; text-decoration:none;z-index:2;} a.alt span{display:none;} a.alt:hover span{ position:absolute; display:block; top:-1px;left:158px; width:190px;border:1px solid #ccc; z-index:1; background-color:#fff; } </style> </head> <body> <div><a class='alt' href="http://www.baidu.com"><span>全球中文搜索门户</span>百度一下</a></div> <div><a class='alt' href="http://www.codesc.net/"><span>开源源码下载</span>源码素材网</a></div> <div><a class='alt' href="http://www.oschina.net"><span>开源代码分享！</span>开源代码</a></div> </body> </html>
以上是编程之家(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。
如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。
