dreamweaver 背景图片居中
图片居中常用的有两种方法：
1、对img标签的父标签添加一个居中代码（也就是text-align:center）
2、给img的父标签添加一个宽度，然后给img标签添加一个（margin:0 auto;）当然还必须给img标签添加一个宽度或者是将其设置成块元素（diplay:block）
如果是在表格中添加img那就只需要给td添加一个居中代码（text-align:center）就可以了。但是自己不要对img添加别的东西，比如浮动什么的。
方法和详细的操作步骤如下：
1、第一步，打开前端开发工具，然后创建一个新的html代码页，见下图，转到下面的步骤。
2、第二步，执行完上面的操作之后，创建一个div标签以设置html代码页的背景色，然后将class =“ bg-img”添加到标签中，见下图，转到下面的步骤。
3、第三步，执行完上面的操作之后，设置背景图片，创建一个样式标签，然后设置背景图像、该图像不重复以及标签中bg-img的类的宽度和高度，见下图，转到下面的步骤。
4、第四步，执行完上面的操作之后，保存html代码，然后使用浏览器打开，浏览器上的背景图像将显示在左上角，见下图，转到下面的步骤。
5、第五步，执行完上面的操作之后，返回html代码页，在bg-img类中添加background-position：center属性，见下图，转到下面的步骤。
6、第六步，执行完上面的操作之后，保存html代码并刷新浏览器，会发现浏览器上的背景图像已自动水平居中，见下图。这样，就解决了这个问题了。
实现原理：将图片放到表格单元格里，通过添加align="center"实现居中。
1.准备图片素材，新建html网页。
2.打开Dreamweaver，在<body></body>里插入如下代码：
<table align="center" width=1133 height=1535 style="background:url(images/Book.jpg);">
<tr>
<td></td>
</tr>
</table>
3.在IE浏览器里预览。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
#demo{
width:650px;
height:530px;
background-image:url(../../Documents/test/xpic5266.jpg);
background-repeat:no-repeat;
margin:auto;
}
-->
</style>
</head>
<body>
<div id="demo">
</div>
</body>
</html>
背景图片给个DIV，在DIV中写上margin:auto;就自动居中了
1.直接定义背景样式：
background-position:center top;
2. body部分引用背景图片，对图片位置进行定义：
body{background:url(你的图片的文件路径) center center； no-repeat；}
背景图片不能居中显示！
background: url(xxxxx) no-repeat center center #000;
仲长时苍耳： 在代码中.按ctrl+f 查找 这个标签 把它改成
嘉鱼县15572832342： Dreamweaver 背景图片居右 不重复 代码 - ？
仲长时苍耳： background: url(img.jpg) right 0 no-repeat; right 的位置是水平方向 ; 0(表示默认) 的位置是垂直方向 ;单位任意px pt em 什么的都没有问题,按需要;简单的左中右(left center right) ;上中下(top middle bottom);可用相应的英文单词代替,中都可用50%代替! CSS里边凡是0值而无单位的都是默认的意思,而不是0的具体值! no-repeat不重复 repeat-x(水平平铺) repeat-y(垂直平铺);CSS学问很深,这只是最基本最基本的东西,属于CSS2.0的范畴;CSS3.0 就不提了……
嘉鱼县15572832342： Dreamweaver 如何将背景图片居右,且离右边距离100像素?现在的代码是背景图片不重复,靠右对齐.我想在当前情况下再把背景图片往左边攒点,那就是... - ？
仲长时苍耳：[答案] 如果你把这个单独拿出来的话就直接这样: asda 代码换换就好了.方法很多. 还有别的放到都只是大同小异.
嘉鱼县15572832342： 如何使在dreamweaver的“页面属性”中设置的背景图片居中?？
仲长时苍耳： 背景可以分开做的 比如超出部分的样子做到页面背景,用个横向延伸,正文上面的固定样子做到表格或者div里面
嘉鱼县15572832342： dreamweaver cs5中,如何使背景图片始终保持居中. - ？
仲长时苍耳： 在CSS里这样写.bg{background:url(../images/top.jpg) no-repeat; background-position:center}
嘉鱼县15572832342： dreamweaver背景图片居中DW中,在页面属性里设置了背景 ？
仲长时苍耳： background: url(xxxxx) no-repeat center center #000;
嘉鱼县15572832342： 用Dreamweaver做网页时,添加的背景图片,浏览网页时,怎么设置居中,怎么设置才能有滚动条可以上下拉动 - ？
仲长时苍耳： 你在DW软件选择整个网页时在属性里就有剧中的设置,滚动条不需要你自己设置.当你制作的网页长度或者宽度超过时,浏览器就会自动出现长或者宽的滚动条.你发的图片是一个图像,里面加了一个半透明的图层,如果你用PS软件就可选择那个半透明的图层直接写字即可,然后切片!保存为WEB所用格式.
嘉鱼县15572832342： dreamweaver可以使背景图片居右吗?不是整个网页的背景图 ？
仲长时苍耳： 1.新建网页,在body里插入表格,代码如下:2.在table里插入style=＂background-image:url(images/done.jpg);background-repeat:no-repeat;background-position:right＂,表示增加一张居右的背景图片.3.在IE里测试效果.
嘉鱼县15572832342： dreamweaver背景图片在不同像素下显示居中 - ？
仲长时苍耳： body{background:url(你的图片的文件路径) center center no-repeat} center center 就是让你的网页的背景图片水平和垂直方向都居中于元素, no-repeat是考虑更高像素了,可以不写.
嘉鱼县15572832342： Dreamweaver CS5设置背景图片后无法居中,请问怎样居中? - ？
仲长时苍耳： 看代码 找到这个元素的CSS代码,background:url(图片地址) no-repeat center; center的意思就是居中. 如果问DW的设计界面怎么操作...还真不熟悉. 只是用DW来写代码.
