求教html高手怎么弄背景图片不重复不平铺只显示一张图片

Posted 2023-03-24

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了求教html高手怎么弄背景图片不重复不平铺只显示一张图片相关的知识，希望对你有一定的参考价值。

<style>

body

background:url(http_imgloadCAR8STN6.jpg) no-repeat;

</style>

把这个放在head区域或者写在单独的css样式表文件里。

万维网上的一个超媒体文档称之为一个页面（外语：page）。作为一个组织或者个人在万维网上放置开始点的页面称为主页（外语：Homepage）或首页，主页中通常包括有指向其他相关页面或其他节点的指针（超级链接），所谓超级链接，就是一种统一资源定位器（Uniform Resource Locator，外语缩写：URL）指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是html获得广泛应用的最重要的原因之一。在逻辑上将视为一个整体的一系列页面的有机集合称为网站（Website或Site）。超级文本标记语言（英文缩写：HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。

网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。

参考技术A 背景图片不重复不平铺，可以这样设定背景：
1、<body style="background-image: url("图片文件地址"); background-attachment: fixed;">
这样背景图片就会固定住，不会因页面滚动而重复。
2、使图在任何大小的屏幕都不会显示重复，可以这样设定背景（图像不平铺）：
<body style="background-image: url("图片文件地址"); background-repeat:no-repeat;">

两者结合，就是：<body style="background-image: url("图片文件地址"); background-repeat:no-repeat; background-attachment: fixed;">本回答被提问者采纳参考技术B background:url(11.jpg) no-repeat; no-repeat就是不重复不平铺的意思参考技术C <div style="background:url(20100918068.jpg) no-repeat; width:100px; height:100px;"></div>

如何设置网页的背景图片不重复不平铺？

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

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;">