网页设计背景图片代码（网页设计背景图素材）

今天给各位分享网页设计背景图片代码的知识，其中也会对网页设计背景图素材进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、html网页设计里面怎么平铺背景图片？
• 2、html网页制作中如何设置背景图片（如何引用）
• 3、网页设计DW 怎么添加背景图片代码是多少
• 4、网页设计背景图片代码。

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

网页背景默认是平铺整个屏幕的，可能有以下原因导致不能平铺：

1、图片不够大，又background属性不能拉伸图片；

2、只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用img ；

3、body的background属性去掉，要不然会被遮住。

html网页制作中如何设置背景图片（如何引用）

1、首先打开Atom编辑器导入项目文件夹，先创建一个index.html的文件。定义一下html文件的主信息：

2、然后填写自己的网页内容， 设置一下样式，直接在body后面加上background="图片名字"即可插入图片：

3、最后来到浏览器，刷新一下网页，这样就会显示背景了：

网页设计DW 怎么添加背景图片代码是多少

不知道你的意思是哪种的背景图片！

1.假如是整张网页的背景图片的话，就是写body的css样式 也就是

body { background: url("图片的地址")}

2.一般的假如图片的话

img src="图片的地址"

3.一般div块的地址

div{ background：url（"图片的地址"）}

网页设计背景图片代码。

比如

root

  |- images

  |   |-- 1.jpg

  |- page

  |      |--css

  |          |--main.css

  |   |-- 1.html

  |      |--  2.html

比如这样的

想在1.html中使用1.jpg，img src="../images/1.jpg" /

main.css中使用的话，可以background:url(../../images/1.jpg);

关于网页设计背景图片代码和网页设计背景图素材的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。