HTML怎么在超链接被鼠标放上去时前面显示一个小点图标 a:hover 代码怎么写
2个回答
展开全部
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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
a{padding-left:10px;}a:hover{background:url(小点图标地址) no-repeat left;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
