html网页设计里面怎么平铺背景图片_随笔

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

<html>

<body>

</div>

</body>

</html>

HTML网页设计

网页设计--根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化)，进行网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。

网页设计一般分为三种大类:功能型网页设计(服务网站&B/S软件用户端)、形象型网页设计(品牌形象站)、信息型网页设计(门户站)。设计网页的目的不同，应选择不同的网页策划与设计方案。

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

html里，让背景图片根据屏幕大小铺满屏幕不重复，具体方法如下：

1、首先我们用Dreamweaver软件做一个html文档，当然用其他编辑器也可以。

2、然后给body设置一个背景图片，这里小编给body加了一个高度，以便能看到图片。

3、然后先在浏览器中预览一下效果。会看到图片两遍有空白，没有填充满整个屏幕。

4、将background-size，可以设置其值为100%。

5、需要注意的是这是css3增加的新属性，旧版本的浏览器可能不支持。所以有时需要更新浏览器。

第一种方法: 添加一个DIV，采用绝对定位，图片所属DIV为基准 <div style="position:relativewidth:100pxheight:100px"><img src="" alt="" /><div style="position:absolutewidth:100pxheight:100pxz-indent:2left:0top:0">文字 </div></div>第二种方法:图片作为背景图片 <div style="background:url(abc.jpg) no-repeat left top">wenzi </div>

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

原文地址:https://54852.com/zaji/7454981.html

html网页设计里面怎么平铺背景图片

发表评论

评论列表（0条）