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

html网页设计里面怎么平铺背景图片,第1张

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

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

首先div定下高宽。

<div class="header"></div>

那么css样式是:

.header{

width:1000px/*-------宽高自己定义--------*/

height:28px

background:url(../images/p01.jpg) repeat-x

}

repeat-x是水平重复

repeat-y是垂直重复

no-repeat是不重复

and1和and2都设置左浮动float:left。

and3可以设置float:left也可以设置float:right。也可以不定义。

最好三个都定义float:left,然后在and3后面加个div设置clear:both清除浮动属性!


欢迎分享,转载请注明来源:内存溢出

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-02
下一篇 2023-04-02

发表评论

登录后才能评论

评论列表(0条)

保存