DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 純CSS搞的alt跟title效果
純CSS搞的alt跟title效果
編輯:CSS詳解     
 

<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浏覽。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved