鼠标指向加了链接的图片时原图片变成另外一张图的CSS样式怎么写啊
鼠标指向加了链接的图片时原图片变成另外一张图的CSS样式怎么写啊不要全局都变的哦只要控制某一段代码中加了链接的地方指向时都会变成另一张图例如下面两张图.灰色的是原始状态鼠...
鼠标指向加了链接的图片时原图片变成另外一张图的CSS样式怎么写啊 不要全局都变的哦 只要控制某一段代码中加了链接的地方指向时都会变成另一张图 例如下面两张图.灰色的是原始状态 鼠标指向这张灰色图时 就变成了另外这个蓝色图了 .写个完整的例字给我哦 有用的话追加分 谢谢谢谢谢谢谢谢
展开
展开全部
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.change1 {
width:100px;
height:30px;
font:16px/24px arial,sans-serif;
color:black;
background: gray url(图片名) no-repeat 8px center;
}
.change1:hover {
color:white;
background-color:blue;
background-image:url(图片名);
}
</style>
</head>
<body>
<p class="change1">女装上装</p>
</body>
</html>
<html>
<head>
<style type="text/css">
.change1 {
width:100px;
height:30px;
font:16px/24px arial,sans-serif;
color:black;
background: gray url(图片名) no-repeat 8px center;
}
.change1:hover {
color:white;
background-color:blue;
background-image:url(图片名);
}
</style>
</head>
<body>
<p class="change1">女装上装</p>
</body>
</html>
追问
说错了 不是指向图片时变得 是指向加了链接的文字时文字下面出现图片
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询