HTML怎么在超链接被鼠标放上去时前面显示一个小点图标 a:hover 代码怎么写

HTML怎么在超链接被鼠标放上去时前面显示一个小点图标 a:hover 代码怎么写,第1张

HTML在超链接被鼠标放上去时前面显示一个小点图标,首先需要理解就是a:hover这个属性,就是鼠标的触摸事件,显示一个小图标的话,可以在a:hover中修改这个图片的背景然后来做,在通过left和top的值来定位这个背景的位置,具体可以看下代码:<html><head><style> #round{ width:400px height:200px margin:0 auto } a:hover{ background:url('图片地址')no-repeat 0px 0px } </style></head> <body> <div id="round"> <a href=''>我是测试连接</a> </div> </body></html>

是dreamweaver自动加载的,软件的设计本来就根据程序员的习惯等等做出一些自动的代码设计,例如一个空的html,dw会给你自动加入<html><head><body>等等的标签,你要作的就是往里面填东西


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7339620.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存