« 国外十大最流行PHP框架排名css+js无限级菜单 »

纯CSS搞的alt跟title显示html效果

<style>
.test{position:relative;color:#0000cc;text-decoration:none;font-size:12px;}
.test:hover{background:none;}
.test span {display: none;}
.test:hover span{display:block;position:absolute;top:20px;left:8px;border-bottom:2px solid #eee;border-right:2px solid #eee;}
.test:hover span p{border:1px solid #ccc;background:#fff;color:#000;padding:5px;text-align:left;font-size:12px;}
</style>
<a class="test" href="#">链接一<span><p>动态网站制作指南_www.knowsky.com</p></span></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a class="test" href="#">链接二<span><p>动态网站制作指南_www.knowsky.com</p></span></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a class="test" href="#">链接三<span><p>动态网站制作指南_www.knowsky.com</p></span></a>

保存为htm浏览。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

网站目录

最近发表

最新评论及回复

文章归档

Search

Powered By Z-Blog 1.8 Terminator(beta) Build 71218 Designed by Michael

Powered By Z-Blog Copyright 0-9999 subin.org.cn Rights Reserved. 晋ICP备08000685号