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

html-css017

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

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

您好!很高兴为您解答问题,以下是我为您提供的解答内容:

新建一个html文档。

设置一下HTML的框架,然后把图片设置在同一个文件夹里面。

加入,这样可以有样式设置。

因为背景设置在主体,所以还要定义为body{}。

background-image:url(图片),这个是添加图片的意思。

然后我们需要加入background-repeat:repeat-x这个时候就会横向平铺。

具体操作步骤如下:

1、打开Dreamweaver CS6软件后准备好空白的HTML,点击导航上的修改,点击弹出菜单里的页面属性:

2、打开页面属性后选择外观分类,点击背景图像后面的浏览,选择背景图片:

3、在选择图像文件对话框里,选择要设定的背景图片然后点击确定:

4、设置后返回到页面属性对话框,此时可以看到背景图像那有值了,然后设置重复为no-repeat,点击确定:

5、确定之后背景图片平铺添加就成功了: