完全CSS写的鼠标悬停tip效果,完全CSS写的鼠标悬停tip效果
【 tulaoshi.com - Html 】
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR
（本文来源于图老师网站，更多请访问https://www.tulaoshi.com/html/）/xhtml1/DTD/xhtml1-strict.dtd"
<html xmlns="http://www.w3.org/1999/xhtml"
<head
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" /
<meta name="Author" content="Aultoale" /
<style type="text/CSS"
body {font:normal 12px Verdana}
a#tip {position:relative;left:75px; font-weight:bold;}
a#tip:link,a#tip:hover {text-decoration:none;color:#000;display:block}
a#tip span {display:none;text-decoration:none;}
a#tip:visited {color:#000;text-decoration:underline;}
a#tip:hover #tip_info {display:block;border:1px solid #F96;background:#FFEFEF;padding:10px 20px;position:absolute;top:0px;left:90px;color:#009933}
</style
</head
<body
<a id="tip" href="#"
移到这里试试!
<span id="tip_info"这里是提示信息!</span
</a
</body
</html
来源:https://www.tulaoshi.com/n/20160129/1483355.html
看过《完全CSS写的鼠标悬停tip效果》的人还看了以下文章 更多>>
