如何用CSS实现鼠标移动到某张图片链接的时候 图片变成另外一张?

如题所述

给你一个完整的代码,只需要加载自己的图片就可以用了(宽和高别忘了根据自己的图片也要修改)!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>

.pp a{
width:575px;
height:157px;
background:url(1.jpg);/*图片地址*/
display:block;
}
.pp a:hover{
width:575px;
height:157px;
background:url(2.jpg);/*替换的图片地址*/
display:block;
}
</style>
</head>

<body>
<div class="pp"><a href="#"></a></div>
</body>
</html>
温馨提示:内容为网友见解,仅供参考
第1个回答  2019-10-23
给你一个完整的代码,只需要加载自己的图片就可以用了(宽和高别忘了根据自己的图片也要修改)!
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta
http-equiv="Content-Type"
content="text/html;
charset=gb2312"
/>
<title>无标题文档</title>
<style>
.pp
a{
width:575px;
height:157px;
background:url(1.jpg);/*图片地址*/
display:block;
}
.pp
a:hover{
width:575px;
height:157px;
background:url(2.jpg);/*替换的图片地址*/
display:block;
}
</style>
</head>
<body>
<div
class="pp"><a
href="#"></a></div>
</body>
</html>
相似回答