最简单的方式是直接给图片加个白色的边框：
<img src="images/123.jpg" style="border:3px solid #fff" />想好看点的话在白边外再套一个模拟阴影的边框，这样更真实：
<div style="float:leftborder:1px solid border-color:#d0d0d0 #aaa #aaa #d0d0d0"><img src="images/123.jpg" style="display:blockborder:3px solid #fff" />
</div>
下面列出css的几个hack，参考一下吧 IE都能识别*，标准浏览器（如FF）不能识别*；IE6能识别*，但不能识别 !important；
IE7能识别*，也能识别 !important；
IE8能识别\0，不能识别*，+,_,*加!important
FF不能识别*，但能识别 !important；
例如style="*width:10px!importantwidth:20px"
这样在IE6下宽度为10px,在IE7下宽度时20px
您好！很高兴为您答疑！代码运行测试正常，没有白边，您的浏览器是不是有问题，尝试清理下缓存文件，按ctrl+shift+del，调出火狐内置的清除最近的历史记录工具（或者按alt键弹出菜单，工具-》清空最近历史记录），然后选择清除全部的缓存和cookie
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
