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;

dw中用HTML如何将背景图片平铺?
1、打开Dreamweaver CS6软件后准备好空白的HTML,点击导航上的修改,点击弹出菜单里的页面属性:2、打开页面属性后选择外观分类,点击背景图像后面的浏览,选择背景图片:3、在选择图像文件对话框里,选择要设定的背景图片然后点击确定:4、设置后返回到页面属性对话框,此时可以看到背景图像那有值了,然后设...

dw中用HTML如何将背景图片平铺?
1、首先,打开dw编辑器,新建html文件,例如:index.html。2、在index.html中的<style>标签中,输入css代码:body {background: url(small.png) no-repeat;background-size:cover;} 3、浏览器运行index.html页面,此时背景图片被设置为平铺在html页面上。

dw中用HTML语言如何将背景图片平铺
url(图片路径,名称)。repeat-x是横向平铺,repeat-y是纵向平铺,repeat就是横纵都平铺。三选一就可以了。

在Dreamweaver里设置图片作为背景如何使图片平铺而不是反复重复?
如果是页面背景,可以选择属性框中的 页面属性—外观—背景图像—重复(可选多种重复、不重复、横向重复、纵向重复)具体效果,一试便知。如图:div+css代码为:body{ background: #000000 url(file:\/\/\/C|\/Users\/lenovo\/Desktop\/01.png) repeat;}repeat为重复,repeat-x为横向平铺,repeat-y为纵向平...

制作网页时,在dw中实现背景图片平铺满整个页面要怎么做.代码如下_百度...
background:url(..\/images\/bg.gif); 默认就是平铺不用设置,除非你的内容页面没有把高度撑开

使用dreamweaver做网页时背景图片太小,如何显示在整个页面
第一,如果你的图片是有规律的背景图片,如渐变或者图案,你可以做背景图片平铺至整个页面;如 body{background:url(..\/images\/icon.gif) 0 0 repeat;} \/* X轴 Y轴都平铺 *\/ body{background:url(..\/images\/icon.gif) 0 0 repeat-x;} \/* X轴平铺 *\/ body{background:url(..\/...

html中的背景图片,一张全屏显示
Horizontal : 为固定背景图时图在水平方向所居的位置,可以选择居中,居左,居右或自己设定距左的距离。Vertical : 为固定背景图时图在竖直方向所居的位置,可以选择居中,居顶部,居底部或自己设定距顶的距离。注意带 * 的选项要在浏览器里才能看到效果。设定完毕,对Dreamweaver左下角点选<body应用该...

DW中怎样将一张图片平铺背景上,不重复的,(图片小了点)
平铺就意味着一张图片反复使用的.不重复的话除非是一张大图片.<div style="background:url(图片地址) repeat-x;"><\/div>这是横向平铺 <div style="background:url(图片地址) repeat-y;"><\/div>这是纵向平铺 <div style="background:url(图片地址) no-repeat;"><\/div>这是横纵向平铺....

怎样把背景图片大小刚好符合DW的设计尺寸???
要将背景图片大小刚好符合DW设计尺寸,首先需要记住图片的尺寸,即长和宽的像素大小。在DW中进行制作时,需对单元格或div的长宽进行调整。确保在调整尺寸时,长宽的数值与图片原始尺寸一致。这意味着,图片的长和宽的像素大小应分别等于单元格或div的长和宽的尺寸。例如,假设你的图片尺寸为1000像素宽和...

html背景图片全屏显示代码
在要用时选取那段文字,再在CSS面板上点一下“bgstyle”就行了。 8、如何给部分文字加背景图像? 与加背景色操作类似,中是在背景在选择加载图象就是了,一个定义好的加背景图象的CSS例子的代码是这样的: <style type="text\/css"> <!-- .imgbgstyle { background-image: url(logo.gif)} --> <\/style> ...

相似回答