HTML 中要设置背景的块大小 比如div 300px * 400px
那么背景图的最佳尺寸也是 300px 400px
然后设置 background: url(imgs/your.jpg) no-repeat center center
背景水平垂直居中,效果最佳
css样式background属性值详解
背景图无论是缩放还是扩展,都会失真变得模糊,所以尺寸最接近块的大小最好
可以用“width”和“height”属性控制图片的显示大小。
1、新建html文件,在body标签中添加img标签,为img标签设置“src”属性,属性值为图片的地址,这时图片的显示大小是图片自身的大小:
2、为img标签单独设置“width”或“height”属性,属性值为宽度或者高度,这时图片的宽度将变成设置的宽度,高度将会按原比例进行缩放 :
3、同时为img标签设置“width”和“height”属性,这时图片的大小将会完全按照设置的大小显示: