用CSS做的个性alt跟随title效果
分类：网页设计 Tags： css alt 评论：0 浏览：5641 最近更新时间：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动态切换图片效果
• 两端对齐英文文字的css代码
• ASP格式化显示时间的函数代码
• 网页Title标题、Keywords关键词、description描述该怎么写才利于网站优化
• Windows VPS下的apache+php+mysql解决方案
• 网站备案收不到手机验证码？如何跳过ICP备案的手机验证码？
• 404错误页面也疯狂，看看15款有创意的404错误页面
• 网页设计中空链接点击网页不动的代码（点击不返回顶部）
• JavaScript +flash 3D广告代码
