半点优化网 http://www.bdxc.net/
当前位置首页 > 网站建设> 正文

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软件用户端)、形象型网页设计(品牌形象站)、信息型网页设计(门户站)。设计网页的目的不同,应选择不同的网页策划与设计方案。

网页设计的工作目标,是通过使用更合理的颜色、字体、图片、样式进行页面设计美化,在功能限定的情况下,尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的试听感受。

html设置背景图片平铺方法,实际上平铺有多种方法,但是因为图片的大小不同,需要不同形式的平铺,这里介绍下方法。

1、首先新建一个html文档,如图所示。

2、然后定义一个<div></div>,如图所示。

3、然后在div里定义一张图片,输入,<img src=1.jpg>。

3、接着在img标签里面输入height=100% width=100%,如图所示。

4、最后按f12预览可以看到图片平铺了,如下图所示就完成了。