简单的HTML页面，怎么设置背景图片不重复不平铺，只显示一张图片_随笔

自己遇见的问题和解决方法：我想给一个页面设置一个背景图片，首先我给body设置background-image:url("这里是你背景图片的路径")，然后发现页面的背景图片没有达到我预期的效果，于是我就去网上查找答案，我在网上找了很多的解决方法，可惜没有一个是我理想的效果图，我就自己开始摸索，最终让我解决了这个问题，于是我希望我的这个方法能帮到那些和我一样的"菜鸟"，写这个文章的原因也是激励自己、一种学习的记录。

<style>

body{

background:url(http_imgloadCAR8STN6.jpg) no-repeat

}

</style>

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

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

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

html网页设计里面平铺背景图片的代码如下：

<html>

<body>

</div>

</body>

</html>

网页背景默认是平铺整个屏幕的，可能有以下原因导致不能平铺：

1、图片不够大，又background属性不能拉伸图片；

2、只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用<img>；

3、body的background属性去掉，要不然会被遮住。

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

原文地址: http://outofmemory.cn/zaji/6110075.html

简单的HTML页面，怎么设置背景图片不重复不平铺，只显示一张图片

发表评论

评论列表（0条）