<p>
<a href="https://www.3code.cn/">简单有效的纯CSS提示框<span>(这是提示内容--简单有效的纯CSS提示框)</span></a>
简单有效的纯CSS提示框简单有效的纯CSS提示框简单有效的纯CSS提示框
</p>

<style>
a.tooltip {position:relative;}
a.tooltip span{display:none;}
a.tooltip:hover span {
display:block;
width:180px;
position:absolute;
top:1em;left:2em;

/*给span加一些填充、边框等----*/
padding:0.2em 0.6em;
border:1px solid #ff6633;
background-color:#ccc;
color:#000;
/*----*/
}

/*为了让IE6.0 也有效果----*/
a.tooltip:hover{
font-size:100%;/*Fixex bug in IE5.x/Win */
/*----*/
}

/*去掉IE显示提示框的下线----*/
a.tooltip:hover span {text-decoration:none;
/*----*/
}
</style>