纯CSS工具提示
来源:互联网 发布:java中的流 编辑:程序博客网 时间:2024/05/17 01:55
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
a.demo{
position:relative;
}
a.demo span{
display:none;
}
a.demo:hover span{
position:absolute;
display:block;
top:-0.6em;
left:12em;
}
span{
color:#F00;
}
</style>
</head>
<body>
<p>
<a href="http://www.baidu.com" class="demo">welcome to beijing! <span>how are you</span> you are welcome</a>
</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
a.demo{
position:relative;
}
a.demo span{
display:none;
}
a.demo:hover span{
position:absolute;
display:block;
top:-0.6em;
left:12em;
}
span{
color:#F00;
}
</style>
</head>
<body>
<p>
<a href="http://www.baidu.com" class="demo">welcome to beijing! <span>how are you</span> you are welcome</a>
</p>
</body>
</html>
0 0
- 纯CSS工具提示
- 纯CSS工具提示
- 纯CSS在线气泡提示生成工具 - CSS ARROW PLEASE!
- 纯CSS功能齐全的Tooltip工具提示插件
- 分享一个纯CSS在线气泡提示生成工具 - CSS ARROW PLEASE!
- 纯css提示小窗口
- 纯CSS箭头提示框
- 纯CSS实现提示框小三角
- 冒泡提示框的纯css脚本
- 纯CSS制作冒泡提示框
- 纯CSS实现小三角提示信息
- 纯CSS实现tooltip提示框,CSS箭头及形状
- 分享一个纯CSS开发的气泡式提示框
- 纯CSS实现带箭头的提示框效果
- 使用纯CSS显示气泡提示,表单验证时好用
- 纯CSS实现带小三角的提示框
- CSS学习之纯CSS打造TIP提示效果,代替传统TITLE提示
- Html+Css 纯CSS实现的文字提示 (精通CSS高级WEB解决方案)读书笔记
- django快速搭建简单blog
- leetcode 069 Sqrt(x)
- Javaweb案例
- 回文串的组合 DP
- mac 多版本jdk并存解决方案
- 纯CSS工具提示
- docker安装centos后没有ifconfig命令解决办法
- 第一个目标是一个java小游戏
- Android 异步消息处理机制 让你深入理解 Looper、Handler、Message三者关系
- RxJava的使用与深入学习
- OJytu:Problem D: C语言习题5.12--查闰年
- javascript实现n阶乘的2个方法
- 数据库基础 - 2.结构化查询语言SQL
- windows7下emacs安装