在html中，怎么设置背景图片不重复不平铺，只显示一张图片_随笔

背景图片不重复不平铺，可以这样设定背景：

1、<body style="background-image: url("图片文件地址")background-attachment: fixed">

这样背景图片就会固定住，不会因页面滚动而重复。

2、使图在任何大小的屏幕都不会显示重复，可以这样设定背景（图像不平铺）：

3、两者结合，就是：<body style="background-image: url("图片文件地址")background-repeat:no-repeatbackground-attachment: fixed">

扩展资料

超级文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网（WWW）盛行的原因之一，其主要特点如下：

简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便。

可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。

平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超级文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。

通用性：另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

参考资料百度百科 HTML

首先，要让网页作为背景，需要在HTML代码中添加一个背景图片属性，例如：

然后，如果要将一个网页作为背景，可以使用HTML的 iframe 标签，并设置其为透明，代码类似于：

完整的代码如下：

<html>

<head>

<title>网页作为背景</title>

</head>

</body>

</html>

请注意，这种方法并不能完美地展示背景网页，因为它会被图片遮盖。如果想要完美地展示背景网页，可能需要使用更复杂的方法，例如使用JavaScript和CSS来实现。

1、首先打开Atom编辑器导入项目文件夹，先创建一个index.html的文件。定义一下html文件的主信息：

2、然后填写自己的网页内容，设置一下样式，直接在body后面加上background="图片名字"即可插入图片：

3、最后来到浏览器，刷新一下网页，这样就会显示背景了：

欢迎分享，转载请注明来源：内存溢出

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