余志国网站设计工作室是专业从事义乌网站建设、义乌外贸网站建设、义乌网站制作、义乌网站设计的专业义乌网站建设工作室,是义乌外贸网站建设专家!

用CSS做的个性alt跟随title效果

分类:网页设计 Tags: css alt 评论:0 浏览:4830 最近更新时间: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>


本文地址:https://www.yuzhiguo.com/205/
  • 相关文章
  • 推荐文章
  • 最新文章
发表评论





您的IP:3.84.182.112,来自:

留言

 


免费咨询
建站咨询热线
15967985565

扫一扫微信咨询
QQ: 358758308 Skype: yuzhiguo Facebook: yuzhiguo Email