当前位置:首页 > 前端 >

纯CSS在文字连接上添加鼠标移动上去出现图片提示

时间:2022-10-28 00:02:02浏览:58 本站原创

CSS部分:


a{color:#333;text-decoration:none;postition:relative;}
a:hover{color:#6699ff;text-decoration:none;background:none;}
span{display:none;}
a:hover span{display:block;top:28px;left:30px;position:absolute;}
a:hover span p{padding:5px;border:1px #333 dashed;}
HTML部分:


<a href="https://www.bluecode.cn">BlueCode的博客<span><p><img src="http://img1.qq.com/blog/pics/4110/4110774.jpg"/></p></span></a>



上一篇:利用Python将txt自动化写入excel脚本
下一篇:php === 和==的区别是什么

发表评论

昵称:  验证码:

关于博主

博主

博主:BlueCode

职业:web程序

简介:2002年开始一直从事Web制作,网站运营,会PHP+MYSQL ASP+MSSQL,微信开发