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

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

用Dreamweaver软件编辑

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

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

<body background="文件路径">

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

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

style=" background-repeat:no-repeat

background-size:100% 100%

background-attachment: fixed"

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

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

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

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

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

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7289966.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存