自己做出标签里面的title的Tooltips效果是很麻烦的，对新手来说又定位改颜色什么的就更麻烦了，Hint.css 是一个 CSS 实现的工具提示效果。无需 JavaScript 代码。
仅需要几步就可以实现如下图效果了（也可以看看底部的演示效果）
Hello Sir, <span class="hint--bottom" data-hint="Thank you!">hover over me.</span>
首先引入CSS样式表
<link href="hint.css" rel="stylesheet" />
通过hint–top, hint–bottom, hint–left, hint–right来改变tootips的提示方向。
那么就基本完成了
演示里面有很多种效果
下面选出几种代表性的语法：
class=”hint–top” 头部
class=”hint–right” 右边
class=”hint–bottom” 底部
class=”hint–top hint–error” 红色错误
class=”hint–left hint–warning” 黄色警告
class=”hint–bottom hint–info” 蓝色信息
class=”hint–left hint–success” 绿色成功
资源下载：http://www.newsky365.com/hint-css/
另类的hint.css打造 Tooltips（提示样式）效果,布布扣,bubuko.com
另类的hint.css打造 Tooltips（提示样式）效果
原文：http://www.cnblogs.com/lulaiby/p/3574665.html