在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

在CSS样式中设置backgroud-image属性，代码如下：

<styletype="text/css">

body{

background-image:url(你的图片地址)

background-position:center

background-repeat:repeat-y；

}

</style>

说明：

1、background-image:url(你的图片地址)：指这张背景图存放的路径；

2、background-position：指这张背景图的位置。left（左）、right（右）、top（上）、bottom（下）可以取值，你要求图片居中，所以是“center”；

background-repeat：指图片平铺方式；一般都默认平铺，设置为no-repeat则是不平铺。你要求“y坐标平铺”所以是“repeat-y”。

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

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