html网页设计里面怎么平铺背景图片
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html网页设计里面怎么平铺背景图片相关的知识，希望对你有一定的参考价值。
html网页设计里面平铺背景图片的代码如下：
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
HTML网页设计
网页设计--根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化)，进行网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。
网页设计一般分为三种大类:功能型网页设计(服务网站&B/S软件用户端)、形象型网页设计(品牌形象站)、信息型网页设计(门户站)。设计网页的目的不同，应选择不同的网页策划与设计方案。
网页设计的工作目标，是通过使用更合理的颜色、字体、图片、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的试听感受。
参考技术Ahtml设置背景图片平铺方法，实际上平铺有多种方法，但是因为图片的大小不同，需要不同形式的平铺，这里介绍下方法。
1、首先新建一个html文档，如图所示。
2、然后定义一个<div></div>，如图所示。
3、然后在div里定义一张图片，输入，<img src="1.jpg">。
3、接着在img标签里面输入height="100%" width="100%"，如图所示。
4、最后按f12预览可以看到图片平铺了，如下图所示就完成了。
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
网页背景默认是平铺整个屏幕的，可能有以下原因导致不能平铺：
1、图片不够大，又background属性不能拉伸图片；
2、只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用<img> ；
3、body的background属性去掉，要不然会被遮住。 参考技术C
html网页设计里面平铺背景图片的代码如下：
<html><body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
网页背景默认是平铺整个屏幕的，可能有以下原因导致不能平铺：
1、图片不够大，又background属性不能拉伸图片；
2、只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用<img> ；
3、body的background属性去掉，要不然会被遮住。
参考技术D 在Htm里面要平铺背景，可以参考以下代码<html>
<body> <div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/> </div> </body>
</html>
再把background.jpg，换成你的图片名称就可以了。
怎么让网页的背景图片随着页面的拉伸而拉伸
参考技术A background-repeat : repeat | no-repeat | repeat-x | repeat-y 取值： repeat : 默认值。背景图像在纵向和横向上平铺 no-repeat : 背景图像不平铺 repeat-x : 背景图像仅在横向上平铺 repeat-y : 背景图像仅在纵向上平铺本回答被提问者采纳以上是关于html网页设计里面怎么平铺背景图片的主要内容，如果未能解决你的问题，请参考以下文章