<style> 保存为htm浏览。
.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>
<a class=”test” href=”#”>链接二<span><p>动态网站制作指南_www.knowsky.com</p></span></a>
<a class=”test” href=”#”>链接三<span><p>动态网站制作指南_www.knowsky.com</p></span></a>
纯css搞的alt跟title效果_css教程
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 纯css搞的alt跟title效果_css教程
相关推荐
-      去掉IE地址栏、工具栏、菜单栏
-      QQ强制聊天代码
-      HTML常用网页特效
-      html页面传值问题
-      window.open实现网页对话框
-      CSS设置图片透明效果
-      使用CSS解决文章换行问题
-      div中文字垂直居中