dw中用HTML如何将背景图片平铺?

如题所述

具体操作步骤如下:

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

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

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

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

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

温馨提示:答案为网友推荐,仅供参考
第1个回答  2019-07-18

需要准备的材料分别有:电脑、浏览器、dw编辑器。

1、首先,打开dw编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:

body {background: url(small.png) no-repeat;background-size:cover;}

3、浏览器运行index.html页面,此时背景图片被设置为平铺在html页面上。

本回答被网友采纳
第2个回答  2013-07-26
你可以切换到代码编辑模式输入以下:如果是整个网页背景平铺<body background="bg.jpg">默认是平铺table也是如果你用css样式的话 body{background:url(bg.jpg)}默认平铺 如果不想重复即平铺可以设置repeat属性 即no-repeat 或者repeat-x repeat-y分别是横轴平铺 、纵轴平铺 希望可以帮到你本回答被网友采纳
第3个回答  2017-07-21
可以切换到代码编辑模式输入以下:
如果是整个网页背景平铺<body background="bg.jpg">默认是平铺table也是
如果你用css样式的话 body{background:url(bg.jpg)}默认平铺
如果不想重复即平铺可以设置repeat属性 即no-repeat 或者repeat-x repeat-y分别是横轴平铺 、纵轴平铺
第4个回答  2017-07-21
例如:

<style type="text/css">
body{
background:url(背景图片地址) repeat center 0 #fff;
background-size:cover;
}
</style>
如果你需要全网页背景图片重复平铺如上案例;
如果你只需要横向平铺可以把repeat改为:repeat-x;
如果你只需要纵向平铺可以把repeat改为:repeat-y;