求助!html在里面添加背景图片代码,显示模糊,怎么搞?

html-css010

求助!html在里面添加背景图片代码,显示模糊,怎么搞?,第1张

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”属性,这时图片的大小将会完全按照设置的大小显示: