写了个例子: 
给img标签加个属性:border="0"后,就不会有边框了
图片的高度和宽度可以不用设定,只是设置了鼠标的两种状态,切换的其实是图片的地址src
利用的hover属性可以达到你要的效果
例如:
你提前准备好两个图片，且这些图片都是放在img的一个文件夹里，他们分别是默认状态（即link状态）下的link.gif和hover状态下的hover.gif
代码如下：
a{background:url(img/link.gif) no-repeat;height:xx px; width:xx px;
display:block;border:0px;}
a hover{background:url(img/hover.gif) no-repeat;height:xx px; width:xx px;
display:block;border:0px;}
其实就是给设置的了一个背景图片作为连接的默认图片，然后单独给的hover状态又重新定义了一个背景图片作为鼠标至上的样式而已。
图片在有连接的时候会有一个边框，要去掉边框的话，可以在的样式里直接写上border:0px; 但是考虑到各个浏览器的问题，最好在标签里加上这样更好一些。
内容全部来源于网络收集，如有侵权，请联系网站删除：QQ：24596024