纯CSS搞的alt跟title效果

兽医577

兽医577

2016-02-19 13:07

今天图老师小编要向大家分享个纯CSS搞的alt跟title效果教程,过程简单易学,相信聪明的你一定能轻松get!

style
.test{position:relative;color:#0000cc;text-decoration:none;font-size:12px;}
.test:hover{background:none;}
.test span {display: none;}

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)


.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 href="#"链接一spanp动态网站制作指南_www.knowsky.com/p/span/a     
a href="#"链接二spanp动态网站制作指南_www.knowsky.com/p/span/a     
a href="#"链接三spanp动态网站制作指南_www.knowsky.com/p/span/a

保存为htm浏览

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

展开更多 50%)
分享

猜你喜欢

纯CSS搞的alt跟title效果

Web开发
纯CSS搞的alt跟title效果

纯CSS表单显示效果

Web开发
纯CSS表单显示效果

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

纯CSS制作的网页中的lightbox效果

Web开发
纯CSS制作的网页中的lightbox效果

title

电脑网络
title

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS教程:纯CSS实现的圆角化图片

Web开发
CSS教程:纯CSS实现的圆角化图片

纯CSS代码实现翻页

Web开发
纯CSS代码实现翻页

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

钩子的应用: 程序运行监视

钩子的应用: 程序运行监视

CSS网页中的相对定位与绝对定位

CSS网页中的相对定位与绝对定位
下拉加载更多内容 ↓