html中如何使背景图铺满整个网页?

html-css06

html中如何使背景图铺满整个网页?,第1张

您好!很高兴为您解答问题,以下是我为您提供的解答内容:

新建一个html文档。

设置一下HTML的框架,然后把图片设置在同一个文件夹里面。

加入,这样可以有样式设置。

因为背景设置在主体,所以还要定义为body{}。

background-image:url(图片),这个是添加图片的意思。

然后我们需要加入background-repeat:repeat-x这个时候就会横向平铺。

步骤一、首先打开需要修改的HTML文件。

步骤二、然后始化样式,将代码添加在<style></style>标签内。

步骤三、添加一个div容器,然后命名为bg-box

步骤四、背景全屏需要容器全屏,将bg-box的样式补全。

步骤五、设置完毕,图片背景以及全屏了。

1、首先我们打开sublime text软件,新建一个html页面,然后在在页面中添加html的基本结构

2、然后我们在html的body区域添加一个div,并且给div设置一下宽高以及边框的样式,

3、运行程序以后,你就会看到如下图所示的div区域,我们接下来就要给这个区域添加背景图片

4、然后我们回到html文档,在div的样式规则里面添加background-image属性,给此属性指定一个图片路径,运行以后你就会看到背景图片了