html中,怎么让背景图片充满整个页面

html-css020

html中,怎么让背景图片充满整个页面,第1张

用Dreamweaver软件编辑

一、打开Dreamweaver,然后选中html,出来了一个html标准文档。

二、在<body>标签里添加文件路径,语法如下:

<body background="文件路径">

这时,页面虽然充满了背景,但可以看出背景图片被填充了多次。

三、在<body>里添加样式,代码如下:

style=" background-repeat:no-repeat

background-size:100% 100%

background-attachment: fixed"

你看,背景就充满页面了。

如果不考虑图像质量,直接对img 定义宽度和高度,即:

width:100%height:auto

高度随机调整。

最简单直接的就是:

background-size:cover;

这个效果相当于WINDOWS桌面壁纸的拉伸效果,不是平铺。

也可以使用平铺的方式:

background-repeat : repeat-X

当然要考虑背景色的问题。