CSS样式去掉图片超链接蓝色边框，同时鼠标停留改变边框颜色
用图片作超链接，系统默认图片边框为蓝色，蓝色边框已使用a{border:none;}去掉，如何实现鼠标停留在图片上方时边框颜色发生改变？若使用OnMouseOver能否解...
用图片作超链接，系统默认图片边框为蓝色，蓝色边框已使用a {border:none;}去掉，如何实现鼠标停留在图片上方时边框颜色发生改变？
若使用OnMouseOver能否解决？其他方法也可以，最好是全局变量，谢谢^_^
521tianya， 叮叮竹，crazyskycat ， 冰づ岚，四位网友的方案我都试过了，还是不行，而且控制台没有提示出错。
附(源码)：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" >
a {
text-align: center;
text-decoration:none;
}
a:hover{
border:#F00
}
a img{
border:none;
}
td {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
text-align: right;
}
body p {
font-size: 18px;
}
</style>
</head>
<body>
<table width="1071" height="573" border="0">
<tr>
<td><a href="http://www.baidu.com/"><img src="My Web/百度首页.jpg" width="280" height="90" longdesc="http://www.baidu.com/" /></a></td>
</tr>
</table>
</body>
</html>
———————————————————————————————————————
请说明在什么位置进行修改，谢谢^_^ 展开
若使用OnMouseOver能否解决？其他方法也可以，最好是全局变量，谢谢^_^
521tianya， 叮叮竹，crazyskycat ， 冰づ岚，四位网友的方案我都试过了，还是不行，而且控制台没有提示出错。
附(源码)：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" >
a {
text-align: center;
text-decoration:none;
}
a:hover{
border:#F00
}
a img{
border:none;
}
td {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
text-align: right;
}
body p {
font-size: 18px;
}
</style>
</head>
<body>
<table width="1071" height="573" border="0">
<tr>
<td><a href="http://www.baidu.com/"><img src="My Web/百度首页.jpg" width="280" height="90" longdesc="http://www.baidu.com/" /></a></td>
</tr>
</table>
</body>
</html>
———————————————————————————————————————
请说明在什么位置进行修改，谢谢^_^ 展开
4个回答
展开全部
像这种情况一般都是用JavaScript进行控制的
<body>
<img src="" id="img1" onmouseover="change()"/>
<script type="text/javascript">
function change(){
document.getElementById("img1").style.border="1px solid red";
}
</script>
</body>
<body>
<img src="" id="img1" onmouseover="change()"/>
<script type="text/javascript">
function change(){
document.getElementById("img1").style.border="1px solid red";
}
</script>
</body>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT...
点击进入详情页
本回答由博思aippt提供
展开全部
a{border:none;}是把所有链接的边框去掉了。
在这句下面直接用a:hover{border:xxxxxxx}加以控制就行了，改变颜色你就换个颜色啊。
在这句下面直接用a:hover{border:xxxxxxx}加以控制就行了，改变颜色你就换个颜色啊。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<img src="" height="32px" onmouseover="this.style.border='2px solid #aaa'" onmouseout="this.style.border='none'" />
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用a:hover
可以给图片加一个a:hover来改变
可以给图片加一个a:hover来改变
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
