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中怎样把背景图全屏显示
当图片设置成背景时,可以设置两个属性:平铺和不平铺。当平铺时,如果图片本身的大小不能占满空间就在多余的空间以重复的方式显图片,如不平铺多余的空间说留空;如果图片本身的大小比空间大,那么图片超出空间的部分被隐藏!

制作网页时,在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>这是横纵向平铺....

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

相似回答