用CSS做的个性alt跟随title效果
分类：网页设计 Tags： css alt 评论：0 浏览：5837 最近更新时间：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/
-
• 网站版权声明如何写？
• 网站采用DIV+CSS布局QQ客服不能滚动的问题
• 表格文字自动换行代码、网页文字自动换行代码
• 针对“不能更新,数据库或对象为只读”,如何设置文件夹可写权限?
• 获取小红书无水印图片的原理
• ICANN认证的中国13家国际域名注册服务商
• 如何让网页上的所有链接都在新窗口打开
• 两端对齐英文文字的css代码
• ASP格式化显示时间的函数代码
• 网页Title标题、Keywords关键词、description描述该怎么写才利于网站优化
