Question

急急~PS切图之后在Dreamweaver编辑如何实现鼠标放在图片上有边框的效果？

PS切图之后在Dreamweaver如何实现图中效果，把鼠标放在图片上有橙色边框显示，这个是用在淘宝店铺的，有没有简单一点的实现代码？要是每个产品都要两张图片才能实现的话就太麻烦了，求高手指教，谢谢啦！

Answer 1

完美的样式写法如下：

img{border:1px solid #fff;}  //这里的颜色要与背景颜色一样。
img:hover{border:1px solid #f00;}

第二种完美方法：

img{padding:1px;}
img:hover{border:1px solid #f00; padding:0;}

如果单独给img添加hover出现边框的话会造成页面的错乱，因为如果原来没有边框，鼠标滑过出现边框会造成宽度增加，造成页面错乱。

Answer 2

这个需要CSS样式

Answer 3

img:hover{border:1px solid #ff6000}