最简单的方式是直接给图片加个白色的边框：
<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、出现白边是因为浏览器的内或者外边距默认值不为0：你需要在head标签里加上：
<style type="text/css">
*{margin: 0padding: 0}
</style>
用以重置浏览器的内外边距默认值，将默认值改为0。
2、至于图片模糊，应该是你加载的图片分辨率不够，或者你加载图片的元素和图片宽高比差距较大。
<style type="text/css">.img{border:3px solid #fff}
</style>
<img src="S24014066592145.JPG" width="500" height="350" class="img">
