html5背景图片只显示一张，html设置背景图片全屏不重复

html的背景图如何只用一张图片

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

/style 把这个放在head区域 或者写在单独的css样式表文件里。万维网上的一个超媒体文档称之为一个页面（外语：page）。

Vertical ： 为固定背景图时图在竖直方向所居的位置，可以选择居中，居顶部，居底部或自己设定距顶的距离。注意带 * 的选项要在浏览器里才能看到效果。

表格背景图片也可跟上面一样采用CSS样式，如：td style=background-image： url(e：\images\背景.jpg)； /td。

首先新建一个html文档。其次达到杭州机场后，设置一下HTML的框架，然后把图片设置在同一个文件夹里面。最后设置html和body的高度为100%，给背景添加背景图片，并设置background-size为100%即可将背景图片铺满。

背景图是在HTML模式下把以下代码加到已有代码最前面： bodybackground=图片地址 注：图片地址必须是网络上已有的图片，不是本地机的，如果要链接本地机的，必先在相册或者其他文章上传之后才可以调用。

相关问答

Q1: html设置背景图片,图片只显示部分(图片比较大)

1、body style=background-image： url(图片文件地址)； background-attachment： fixed；这样背景图片就会固定住，不会因页面滚动而重复。

2、在ue编辑器中新建一个空白的html文件。在ue编辑器中输入以下html代码。编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。在浏览器中打开此html文件，可以看到最终想要实现的背景图片效果。

3、可以用background-size来定义。

4、背景图片尺寸过小：背景图片的尺寸小于网页的尺寸，那么背景图片只会显示一部分，可以使用更大尺寸的背景图片。

Q2: 在html中,怎么设置背景图片不重复不平铺,只显示一张图片

Reapeat ： 背景图是否重复，其中选no-repeat为不重复，repeat为重复，repeat-x和repeat-y分别为只在X和Y方向重复。

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

把这个放在head区域 或者写在单独的css样式表文件里。万维网上的一个超媒体文档称之为一个页面（外语：page）。

首先我们用Dreamweaver软件做一个html文档，当然用其他编辑器也可以。然后给body设置一个背景图片，这里小编给body加了一个高度，以便能看到图片。然后先在浏览器中预览一下效果。

打开HBuilderX软件。进入后新建一个html文件。命名为背景图片点击创建。然后在同一文件夹中放入一张背景图片。然后在head中编写style样式，如图所示。

html5背景图片只显示一张的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html设置背景图片全屏不重复、html5背景图片只显示一张的信息别忘了在本站进行查找喔。