当前位置：首页 > 前端 >

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

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

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，微信开发

  • Linux文章
  • PHP文章
  • 随机文章