用Dreamweaver8怎么让背景图片居中?

作者&投稿:安叙 (若有异议请与网页底部的电邮联系)
如何使在dreamweaver的“页面属性”中设置的背景图片居中?~

先插入一个div标签,再建css规则,设置属性让图片居中,如下图:

.an{ width:311px; /*背景图片宽度*/
margin:auto; /*居中*/
background-image:url(images/hd.jpg) ; /*背景图片*/
height:211px; /*背景图片高度*/
}

图片居中常用的有两种方法:
1、对img标签的父标签添加一个居中代码(也就是text-align:center)
2、给img的父标签添加一个宽度,然后给img标签添加一个(margin:0 auto;)当然还必须给img标签添加一个宽度或者是将其设置成块元素(diplay:block)

如果是在表格中添加img那就只需要给td添加一个居中代码(text-align:center)就可以了。但是自己不要对img添加别的东西,比如浮动什么的。

你选中所放图片的那个表格,把它的属性设置为上下左右居中。这样在它里面的东西无论这个表格多在,里面的东西都在中间。

<style type="text/css">
*{
margin:0;
padding:0;
}
.box{
        width:100%;
height:600px;
border:1px solid green;
background:url('图片路径名') no-repeat center center;
}
</style>
<body class="box"> </body>

=========在body中设置宽度100%;背景图片居中设置,你可以试试


  1. 直接利用DW排列命令:选取背景图片后居中对齐排列;

  2. DIV CSS布局  { margin:0 auto}

    如:<div style="width:1000px;">

                 <div style="width:800; margin:0 auto;"><img src="放置背景图片路径"/></div>

               </div>



可以用图象处理软件把图象放大到需要的尺寸,然后做为背景,除此之外,没有更好的办法~!

background-position: center center


如何用Dreamweaver做网页
分析如下:1、首先下载安装Dreamweaver,打开后,新建一个网页,一般选择“HTML”建立网页。选择“经典”界面,有助于我们更便捷使用这个软件。2、下面选择这三个界面,代码、拆分、设计,一般默认设计界面,对于新手这个功能具有可视化,能更好的制作网页。3、下面我们来制作网站站点,在电脑上建一个文件作为...

dreamweaver是什么软件
Adobe Dreamweaver,简称“DW”,中文名称 "梦想编织者",最初为美国Macromedia公司开发,2005年被Adobe公司收购。是一款集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持,设计师和程序员可以在几乎任何地方快速制作和进行网站建设。硬件型号:惠普暗影精灵6 ...

Dreamweaver是什么意思
Dreamweaver 由macromedia公司设计的功能十分强大的网页制作工具 网页制作;网页制作软件;网页编辑软件;开发工具 双语例句 1. For those who use Dreamweaver can use a tool to check load time.对于使用Dreamweaver开发的人来说,可以使用特定的工具来检测时间.2. Using the soft tools of Dreamweaver, ...

什么是Dreamweaver,它能做什么?
一、Dreamweaver定义 从表面上看,Dreamweaver是一个IDE(集成开发环境)。这意味着它是一款结合了不同工具的软件,可简化Web设计和开发。它的特殊之处在于它介于CMS(您可以通过可视界面控制有关网站的所有内容)和纯代码编辑器之间。这是不同部分的工作方式。二、Dreamweaver的作用 1.通过视觉设计界面创建...

电脑中dreamweaver软件无法打开如何解决
dreamweaver是很多设计人员经常会使用到的一款网页编辑器,功能十分强大。不过,最近一些朋友反馈自己电脑电脑中的dreamweaver软件无法打开了,该怎么办呢?我们要如何解决?下面,就随小编一起看看该问题的具体解决步骤,希望对你有帮助!方法一:1、右击DreamweaverCS6图标,点击红色边框“兼容性疑难解答”。2...

dreamweaver的功能和作用是什么_dreamweaver有什么用
AdobeDreamweaver,简称“DW”,中文名称"梦想编织者",是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。功能:借助共享型用户界面设计,...

如何用dreamweaver制作个人网页如何用dreamweaver制作个人网页作品...
如何用Dreamweaver制作网页 首先,下载并安装Dreamveaver程序。接下来,按照以下步骤操作:创建网页 1.在Dreamveaver中,“文件-新建-通用-基础页面-HTML”,构建一个页面,英文版默认文件名为untitled.htm。中文版默认文件名为“无标题文档”。Htm表示该网页文件是静态HTML文件。它被重新命名为index.htm。注意:...

Dreamweaver文档窗口介绍
今天小编为大家介绍一下Dreamweaver文档窗口,下面一起来看看吧。“文档”窗口显示当前文档。可以选择下列任一视图:“设计”视图 一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在该视图中,Dreamweaver 显示文档的完全可编辑的可视化表示形式,类似于在浏览器中查看页面时看到的内容。“代码...

dw软件是做什么的?怎么制作网页?
dw,全称是:dreamweaver!相信接触代码的人都知道这一个软件的存在!如果你是刚刚接触代码这个方向的话,那么就需要开始了解等我软件了!接下来,为大家介绍dw软件以及利用dw软件怎么制作网页!dw软件是做什么的?AdobeDreamweaver,简称“DW”,是由美国MACROMEDIA公司开发推行出来的,但是于2005年的时候被...

简述Dreamweaver的主要特点及作用
所见即所得的强大功能 没有一个Web编辑软件能像Dreamweaver一样,具有所见即所得的功能,你可以在"Properties"(属性)窗体中调整参数,即刻在""窗体中看到它的改变,如果你按下"F12",Dreamweaver会自动生成HTML文件格式,供欲览,以便开发人员进一步调整。方便快速的文本编排 与"Word"相似,具有强大的...

甘州区13456403558: Dreamweaver 8 中怎么设置网页背景图片? -
锐香玄麦: 打开Dreamweaver 8,在软件里下面的 页面设置----背景图像--浏览

甘州区13456403558: Dreamweaver 8 如何把图片设置背景
锐香玄麦: 如果你是想设置成整个网页背景的话,直接在Dreamweaver 8 设计区域空白区内点右键,然后有设置背景的一个选项,选择你的背景图片路径点确定即可 要是高设置表格的话,可以选中整个表格然后最下边的属性栏中会出现表格属性有背景属性点图片地址就可以了. 要是设置DIV块元素的话,可以在样式表中设置 #div{ background-image:url(1.jpg);} 就可以了,根据不同的需要来选择其一

甘州区13456403558: 如何在Dreamweaver8中插入背景图片 -
锐香玄麦: 在最下面的属性面板中有“页面属性”一项,打开第三项就是页面背景,你打开最后面的浏览键,就可以在自己的电脑中选择一张图片作为你的页面背景,只限单页,你若要全部背景都同一张的话,可以用模板

甘州区13456403558: Dreamweaver 8里怎么添加背景图片 -
锐香玄麦: 图片名最好是英文名称.而且图片必须在images文件目录下.你先建一个文件夹,然后在这个文件夹下在建立一个images的文件夹,然后图片放在images这里,网页放在第一个文件夹就行了.然后图片的名称必需要英文或者数字例如:01.jpg 01.gif等.

甘州区13456403558: dreamweaver8 中怎样插入背景颜色 -
锐香玄麦: 在“设计“界面的下方,有个”页面属性“,点开,选择”外观“,就会有一个”背景颜色“,就可以选择自己想要的颜色了!(如果看不到”页面属性“就点开设计界面下面正中间的那个小三角形,就可以看到了!)

甘州区13456403558: Macromedia Dreamweaver 8制作网页怎么添加背景图? -
锐香玄麦: 建议参考css手册中 background 说明. <style> body{ background:url(背景图片地址);} </style> 如果要在别的电脑上显示,拷贝文件的时候要连图片一起拷过去,并且保存原目录路径.

甘州区13456403558: 如何利用dreamweaver设置网页背景图片? -
锐香玄麦: 可以直接点击菜单栏中的"修改">"页面属性",其中的外观选项中有背景图像的设置,无需自行编写代码.

甘州区13456403558: 在dreamweaver8怎么才能控制背景图片随意移动自己想要放的位置 -
锐香玄麦: 这个是要建立模块的,不是简单的移动就可以的,是要先把网页上建立一些主要模块,然后把自己想要的背景移动到些模块中就可以了!也可以用ASP语言进行编程,不过没有DRAEMWEAVER方便!

甘州区13456403558: dreamweaver8怎么样才可以制作一个动态背景 -
锐香玄麦: 动态背景你可以用动态图片,或者你可以设置css属性,平铺的话你要设置你背景图的大小,然后还要设置background-repeat: no-repeat;

甘州区13456403558: Dreamweaver 8中 网页背景图片怎么设置透明度? -
锐香玄麦: (1):“Opacity”代表透明度水准,范围是0---100,其实就是百分比的意思,如果你想变为全透明,那么就用0代替Opacity后面的问号吧.(2):“FinishOpacity”就是用来指定结束时的透明度,范围跟Opacity一样(FinishOpacity为可选参数,不想...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网