<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>测试css tip</title>
<style>
a.tooltip{
position:relative;
}
a.tooltip span{
display:none;
}
a.tooltip:hover span, a.tooltip:focus span{
display:block;
position:absolute;
left:20px;
top:18px;
padding:2px 5px;
border:1px solid #999;
background:#F3EFA7;
color:#333;
}
</style>
</head>
<body>
<p><a href="javascript:;" class="tooltip">这是要测试一下css tip提示效果<span>(test css tip)</span></a>,测试纯CSS提示效果</p>
</body>
</html>