用CSS做的个性alt跟随title效果
分类：网页设计 Tags： css alt 评论：0 浏览：5575 最近更新时间：2014/8/21 16:28:29
看到人家的Alt效果很不错，想不想自己也弄一个漂亮的呢，现在贴一个CSS做的效果代码：
<style>
.test{position:relative;color:#FF6666;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 #F3F3F3;border-right:2px solid #F3F3F3;}
.test:hover span p{border:1px solid #EAEAEA;background:#FFFFFF;color:#FF6666;padding:5px;text-align:left;font-size:12px;}
</style>
<a href="http://www.yuzhiguo.com" target="_blank" class="test">链接文字<span><p>余志国网站设计工作室www.yuzhiguo.com</p></span></a>本文地址：/205/
-
• 网页制作中CSS样式常用技巧
• 几行代码搞定FLASH动态切换图片效果
• 网站备案收不到手机验证码？如何跳过ICP备案的手机验证码？
• 404错误页面也疯狂，看看15款有创意的404错误页面
• 网页设计中空链接点击网页不动的代码（点击不返回顶部）
• JavaScript +flash 3D广告代码
• 如何去掉网页的横向滚动条，竖向滚动条？
• 有用的CSS教程：18步改变你网站的css，使你从初学者成为高级用户(图)
• Fireworks中如何让网页的字体更清晰的解决方法！（图）
• Godaddy windows Plesk新主机不支持aspjpeg、jmail组件
