纯CSS 链接悬停提示效果代码 时间:2020-05-12 人气:0 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS悬停提示</title> <meta http-equiv="Content-Type" content="text/html; charset=GB2312" /> <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: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> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 加载全部内容