WEB开发网
开发学院网页设计DivCss 纯CSS搞的alt跟title效果 阅读

纯CSS搞的alt跟title效果

 2007-02-09 19:21:33 来源:WEB开发网   
核心提示:<style>.test{position:relative;color:#0000cc;text-decoration:none;font-size:12px;}.test:hover{background:none;}.test span {display: none;}.test:hover span

<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.cncms.com</p></span></a>   
<a class="test" href="#">链接二<span><p>动态网站制作指南_www.cncms.com</p></span></a>   
<a class="test" href="#">链接三<span><p>动态网站制作指南_www.cncms.com</p></span></a>

保存为htm浏览。

Tags:CSS alt title

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接