CSS实现并美化超等链接中的alt和title结果

发布时间：2018-08-18 02:47:38 所属栏目：编程来源：站长网

导读：CSS实现并美化超等链接中的alt和title结果，现实上是CSS层的应用，实现仿Alt及Title的结果，鼠标放到链接上后就能看到结果，供CSS喜爱者进修研究。代码演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/

　　CSS实现并美化超等链接中的alt和title结果，现实上是CSS层的应用，实现仿Alt及Title的结果，鼠标放到链接上后就能看到结果，供CSS喜爱者进修研究。

　　代码演示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS实现链接中的alt和title结果</title> <style type="text/css"> .tip{position:relative;color:#0000cc;text-decoration:none;font-size:12px;} .tip:hover{background:none;} .tip span{display:none;} .tip:hover span{display:block;position:absolute;top:20px;left:8px;border-bottom:2px solid #eee;border-right:2px solid #eee;} .tip:hover span p{border:1px solid #ccc;background:#fff;color:#000;padding:1px;text-align:left;font-size:12px;} </style> </head> <body> <a class="tip" href="http://www.veryhuo.com" target="_blank">猛火学院 www.Liehuo.Net<span> <p>教程富厚的收集学院</p></span></a> </body> </html> <br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

MYSQL_框架之主从GTID	MySQL Online DDL的实
MySQL 5.7 mysqldumps	MySQL TEXT、DATE、SE