在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

html5加背景图片可以通过：

1.首先可以去写一个div，然后这个div当然宽高是一定要有，然后在div中去设置要的背景图片，是否重复等属性，repaet这个来设置，no-repeat(是不重复)、repeat-x（沿着x轴重复）、repeat-y（沿着Y轴重复）这里我提交一段代码：

<style>

#test{

width：300px

height:400px

background:url('图片的地址')no-repeat

}

</style>

这样背景图片就设置好了！

html5中设置整页背景图片的方法是利用css3样式：

写法如下：

img.bg {

/* Set rules to fill background */

min-height: 100%

min-width: 1024px

/* Set up proportionate scaling */

width: 100%

height: auto

/* Set up positioning */

position: fixed

top: 0

left: 0

}

@media screen and (max-width: 1024px) { /* Specific to this particular image */

img.bg {

left: 50%

margin-left: -512px /* 50% */

}

效果如：

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

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