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

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

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

<html>

<body>

<div id="Layer1" style="position:absoluteleft:0pxtop:0pxwidth: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属性去掉,要不然会被遮住。

具体 *** 作步骤如下:

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

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

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

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

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

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

新建一个html文档。

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

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

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

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

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


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存