最简单的方式是直接给图片加个白色的边框:
<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>
有几种可能:1、你背景图片没有处理好。2、背景图片是gif格式的,如果你的背景色不是白色的话,可以看到毛边。3、你要看下你的浏览是什么的,有些PNG-8的图片会有白边的,IE6不识别PNG透明图片,这个要做兼容。<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<style type="text/css">
body{margin: 0padding: 0}
</style>
<body>
<div style="height: 100%">
<img style="border: 1px solid #000000width: 100%height: 100%" src="images/1004.jpg"/>
</div>
</body>
</html>