超链接中如何设置“鼠标经过图像”效果？

超链接中如何设置“鼠标经过图像”效果？

设置“鼠标经过图像”效果，活用a标签就可以了。






首页




这样就可以实现有链接的可以换图的效果

边框尽量用在a上，避免用在img上。 :hover伪类尽量用在a上，因为IE6不支持其他元素的hover伪类。hover意思就是鼠标移上去的动作。
不知道你有没有用reset来清理页面，毕竟各浏览器默认效果不一，因此我把reset的css也写了进去，第二部分为你想要的css。a标签要设定边框，一定要它把先转为块级元素，否则
他的高度不够，仅仅是行高。
<style type="text/css">

* {margin:0; padding:0;}
img {border:none;}

a.bor {display:block; width: 48px;height:64px;}
a.bor:hover {border:1px #F00 solid;}
</style>
<!--下面是html代码部分-->
<a href="#" class=“bor”>
<imgalt="" src="images/sp.jpg" />
</a>