HTML 中要设置背景的块大小 比如div 300px * 400px
那么背景图的最佳尺寸也是 300px 400px
然后设置 background: url(imgs/your.jpg) no-repeat center center
背景水平垂直居中,效果最佳
css样式background属性值详解
背景图无论是缩放还是扩展,都会失真变得模糊,所以尺寸最接近块的大小最好
图片模糊很正常,因为你拉伸了图片(而且还有可能改变了纵横比产生变形).而且,你这种方法也不是背景图,而是插入图片.
白边是因为body默认的内外补丁的关系,可以加一个样式解决
<style>
html, body { margin:0padding:0}
</style>