css背景图片自适应 css设置背景图片满屏

时间:2021-05-08 17:32:21 作者:admin 83637

html背景图片如何自适应大小?

用Dreamweaver软件编辑

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

二、在标签里添加文件路径,语法如下: 这时,页面虽然充满了背景,但可以看出背景图片被填充了多次。

三、在里添加样式,代码如下: style=\" background-repeat:no-repeat background-size:100% 100% background-attachment: fixed\" 你看,背景就充满页面了。

html怎么让背景图自适应屏幕大小?

html里,让背景图片根据屏幕大小铺满屏幕不重复,具体方法如下:

1、首先我们用Dreamweaver软件做一个html文档,当然用其他编辑器也可以。

2、然后给body设置一个背景图片,这里小编给body加了一个高度,以便能看到图片。

3、然后先在浏览器中预览一下效果。会看到图片两遍有空白,没有填充满整个屏幕。

4、将background-size,可以设置其值为100%。

5、需要注意的是这是css3增加的新属性,旧版本的浏览器可能不支持。所以有时需要更新浏览器。

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。

相关推荐