怎么设定图片超链接，用css样式怎么写？

包括鼠标悬停改变图片？... 包括鼠标悬停改变图片？展开

 我来答

4个回答

#热议# 空调使用不当可能引发哪些疾病？

回忆526
2015-05-27 · TA获得超过4165个赞

知道大有可为答主

回答量：3276

采纳率：87%

帮助的人：1859万

我也去答题访问个人页

关注

展开全部

设定图片超链接，用css样式来实现，其实就是给这个图片的块添加超链接，我们可以通过在这个块的前面添加一个a标签来实现，然后填写上你所需要的链接地址就行了，通过代码来理解：
<html>
<head>
<style>
#div1{
width:660px;
height:400px;
border:1px soild #f00;
}

</style>
</head>
<body>
<div id='div1'>
<a href=""><img src='图片地址'></a>
</div>
</body>
</html>

已赞过 已踩过<

评论收起

匿名用户
2013-05-08

展开全部

css实现鼠标悬停链接的图片动态改变 

实现代码： 

…… 
<style type="text/css"> 
td#td1 a 
{ 
text-decoration:none; 
background:transparent url(/images/1.gif) no-repeat; 
display:block; 
width:145px; 
line-height:25px; 
} 
td#td1 a:hover 
{ 
background:transparent url(/images/2.gif); 
display:block; 
width:145px; 
height:25px; 
} 
</style> 
…… 
<TABLE id=nav cellSpacing=0 cellPadding=0 width=150 border=0> 
<TBODY> 
<TR> 
<TD id=td1 width=150 height=30><A href="#"> </A></TD></TR></TBODY></TABLE> 

----------------------------------------------


本回答被网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

匿名用户
2013-05-08

展开全部

#test a:link,a:visited{background:url(图片地址) no-repeat;display:block｝
#test a:hover{background:url(图片地址) no-repeat;display:block｝

<body>
<a href="#" id="test">连接</a>
</body>

已赞过 已踩过<

评论收起

韩寒博客
2018-05-12 · TA获得超过139个赞

知道答主

回答量：191

采纳率：0%

帮助的人：59万

我也去答题访问个人页

关注

展开全部

已赞过 已踩过<

评论收起

1条折叠回答

更多回答（2）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

怎么设定图片超链接，用css样式怎么写？

其他类似问题

为你推荐：