纯CSS搞的alt跟title效果

时间:2008-10-06 10:44:41  来源:第二电脑网上收集  作者:

  第二电脑网导读: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>&...
  正文: <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浏览。

纯CSS搞的alt跟title效果》由第二电脑网原创提供,转载请注明:http://www.002pc.com/master/College/Page/css/2008-10-06/1914.html


关键字:

关于《纯CSS搞的alt跟title效果》文章的评论

站内搜索: 高级搜索

热门搜索: Windows style 系统 tr IP QQ CPU 安装 function 注册 if td