你的路径不对，当你的网页文件和back文件夹都保存在桌面时 。
1、设置背景需要使用css样式设，设置代码如下 以整个页面的背景为例css样式body background: url(img/beijingjpg) no-repeat;url 内放置为的路径地址no-repeat 不平铺background-size: cover;自适应整个页面。
2、两个文件必须存在，首先，html是标记性语言，它不能自带，写代码的时候只是用img标记把的位置写进去，它会自己找，这就是为什么有时在网上看网页会有小红叉。
CSS里设置这两个参数：
背景图background: url(/路径/) repeat-x/平铺方式/;
尺寸:backgroun-size:100% 100%。
其实大多数的HTML编辑器 *** 作都是一样的，今天我就以Hbuilder来讲解，首先新建一个HTML页面，这里命名为“new_filehtml”。
接着给标签设置背景，这里小编设置的是<body>标签。
接着新建一个css文件，如图，小编命名为“1css”。
这里给body标签设置background-size属性，如果你的标签是div就写div，然后可以设置宽度和高度。
如图所示，在new_filehtml里面写上这个：<link href="css/1css" type="text/css" rel="stylesheet"/>就可以设置背景的大小了。
最后在浏览器中预览一下，这里只是部分背景。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：indexhtml。
2、将indexhtml中的<body>标签的代码替换为：
<body style="background: url(imagejpg)">
<audio autoplay loop src="11704mp3"></audio>
</body>
3、浏览器运行indexhtml页面，此时发现页面多了背景和背景音乐。
用Dreamweaver软件编辑
一、打开Dreamweaver,然后选中html,出来了一个html标准文档。
二、在<body>标签里添加文件路径，语法如下：
<body background="文件路径">
这时，页面虽然充满了背景，但可以看出背景被填充了多次。
三、在<body>里添加样式，代码如下：
style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;"
你看，背景就充满页面了。
1、首先将网页文件和需要到的放到同一个文件中。
2、在文件夹中，鼠标右键单击空白处选择打开“文本文档”。
3、然后打开文本文档，点击输入下方的代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"><!--编码类型-->
<title>网页标题</title><!--网页标题-->
</head>
<body>
4、然后点击打开左上角文件中的“另存为”，重命名新建文本文档为indexhtml，回车确定。
5、然后选择想要的背景。
6、点击indexhtml，右键浏览器打开预览效果。
7、然后就完成了。
分类: 电脑/网络 >> 程序设计 >> 其他编程语言问题描述:
用<body background="jpg" bgpropertities="fixed">可是为什么还是显示多个，不用CSS样式表，怎么才能设置成只显示一张。（在BODY标签中设置背景相关属性都是哪些？）
解析:
<body background="jpg" class="page_speeder_1290856624">
前面说的对,是不可以直接设置的，
另外，
bgpropertities="fixed"只是背景不随着滚动条而动，和不重复平铺没有直接关系。
随便你用多大的，当你的内容更多的时候，还是会看到重复。
不过，
有一个变通的办法，就是设一个0边框的表格，大小同背景，将设为表格的背景，你的所有文字图象内容全放到这个大表格里，希望对你有帮助。
QQ:
背景不重复不平铺，可以这样设定背景：
1、<body style="background-image: url("文件地址"); background-attachment: fixed;">
这样背景就会固定住，不会因页面滚动而重复。
2、使图在任何大小的屏幕都不会显示重复，可以这样设定背景（图像不平铺）：
<body style="background-image: url("文件地址"); background-repeat:no-repeat;">
3、两者结合，就是：<body style="background-image: url("文件地址"); background-repeat:no-repeat; background-attachment: fixed;">
扩展资料
超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（>
简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。
可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。
平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（>
通用性：另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。
参考资料 百度百科 HTML
下面这段代码给div设置了一个宽度和高度，然后添加了一张背景，并使用了background-size:cover;这个属性，就会自动放大或缩小背景来适应，但是需要指出的是这个属性在需要在IE9及以上版本支持，谷歌和火狐都支持，具体支持情况看上面的图，浅绿的代表支持，粉红的不支持，你也可以到caniusecom自己查看支持性
<!DOCTYPE html>
<html>
<head>
<meta >
<title>无标题文档</title>
</head>
<style type="text/css">
div1{width:500px;height:600px;background:url(images/class_navjpg) ;background-size:cover;}
</style>
<body>
<DIV class="div1"></div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）