网页设计背景图居中（设计网页的背景图形）

本文目录一览：

• 1、如何让网页上图片居中如何让网页上图片居中显示
• 2、background-position怎么用
• 3、如何使在dreamweaver的“页面属性”中设置的背景图片居中?
• 4、如何设计网页背景如何设计网页背景图片
• 5、网页设计时如何将图片和文字位于同一水平

如何让网页上图片居中如何让网页上图片居中显示

首先在word的主页面中选择你要居中的图片，然后鼠标右击图片，并且在弹出来的页面中选择【大小和位置】。然后在弹出来的操作页面中点击【位置】。

图片居中可以通过HTML中的align属性来控制。在图片的div中添加align=center。04在浏览器中再次打开这个页面文件，效果如下。图片已经显示在中间。

方法1（XHTML0过渡版）：该方法是将外部容器的显示模式设置成display：table，img标签外部再嵌套一个span标签，并设置span的显示模式为display：table-cell，这样就可以很方便的使用vertical-align象表格元素那样对齐了，当然这只是在标准浏览器下，IE6/IE7还得使用定位。

background-position怎么用

`background-position`是CSS中的一个属性，用于控制背景图片在元素内部的开始位置。它可以调整背景图像在水平和垂直方向上的位置。此属性常常与背景图像尺寸和背景图像重复属性一起使用，以达到理想的背景效果。 基本语法：`background-position`的值可以接受像素值、百分比或关键词。

background-position 属性设置背景图像的起始位置 用法 这个属性设置背景原图像（由 background-image 定义）的位置，背景图像如果要重复，将从这一点开始。提示：您需要把 background-attachment 属性设置为 fixed，才能保证该属性在 Firefox 和 Opera 中正常工作。

是用来定位图片的位置的，最主要使用在 一张png 上有多个logo 或者 ico 这个时候就用到background-position了。background-position：x y x等于平行轴 y等于竖行轴，x y的取值可以为正数，也可以是负数。

background-position属性设置背景图像的起始位置。background-position属性用于控制背景图片在元素中的位置。这个位置指定的是图片左上角相对于元素左上角的位置。

background-position：x y；其中，x有三个值：left（左），center（中），right（右）。用来设置水平位置；y也有三个值：top（上），center（中），bottom（下）。用来设置垂直位置；两个属性值得中间一定要用英文的空格 ，隔开。

如何使在dreamweaver的“页面属性”中设置的背景图片居中?

利用Dreamweaver工具实现页面的居中显示：为了能够前后形成对比，我们先来看一下最初网页的显示效果。利用Dreamweaver打开要处理的网页，切换至“代码”查看模式，选中“Body/body”标签部分，然后点击“属性”工具栏中的“CSS”按钮。接着点击“居中”按钮，就会发现页面被设置为居中显示。

你在DW软件选择整个网页时在属性里就有剧中的设置，滚动条不需要你自己设置。当你制作的网页长度或者宽度超过时，浏览器就会自动出现长或者宽的滚动条。你发的图片是一个图像，里面加了一个半透明的图层，如果你用PS软件就可选择那个半透明的图层直接写字即可，然后切片！保存为WEB所用格式。

上面两位回答的是正确的，只能平铺才能把屏幕填充满。即便你用很大的图片做背景，但是有比这个图片还要大的显示器，不平铺的话，依旧会留有空白。

问题一，body { background： url（gif） no-repeat center top；} 在Dw中显示是居中靠上的，没问题。AP Div 是一个绝对定位的层。你在dw中画到哪了，显示的时候就在哪。你可以调它的样式，在定位。确定你的 DW中的查看 》样式呈现 》 显示样式。前面是对号。

Vertical ： 为固定背景图时图在竖直方向所居的位置，可以选择居中，居顶部，居底部或自己设定距顶的距离。注意带 * 的选项要在浏览器里才能看到效果。设定完毕，对Dreamweaver左下角点选body应用该CSS样式就行了 不光是body标签，页面里有的元素都可以在那里选择，可以很方便的选取应用对象。

如何设计网页背景如何设计网页背景图片

1、在电脑上打开浏览器，找到需要设置为背景的网页。截图保存下来之后，在电脑上找到刚刚保存的网页图片，并右键打开菜单。在跳出的菜单界面中，找到设置为桌面背景，并点击即可。

2、菜单栏——文件——页面设置——版式——页眉和页脚——首页不同（勾选）——确定；菜单栏——格式——背景——水印——图片水印——选择图片——插入——确定。

3、新建HTML文档，在body标签中添加span标签，这时字体的默认背景颜色为白色。在head标签中添加style标签，定义一个“bg”类，为这个类设置“background”属性，属性值为背景色。为span标签添加“class”属性，属性值为之前定义的“bg”类，这时网页的字体背景色就被添加上去了。

4、首先为了演示方便，在此我制作了一张360x360的边框背景图片，后面我们就将该图片作为公众号内容的背景。然后我们进入微信公众平台，打开“素材管理”，切换到“图片库”。点击“本地上传”把我们制作的背景图片传上去。右击上传的背景图片，复制图片路径来获得图片的地址。

5、打开word文档，找到【页面背景】，点击【页面颜色】，出现并点击【填充效果】点击【图片】点击【选择图片】快速把图片或照片上的文字转化为word文档 找到合适的背景图片，点击【插入】处理图片，图片美化，在线修图片的网站ps文件。

6、如何在html中插入整个页面的背景图？用Dreamweaver软件编辑 打开Dreamweaver，然后选中html，出来了一个html标准文档。在body标签里添加文件路径，语法如下：bodybackground=文件路径 这时，页面虽然充满了背景，但可以看出背景图片被填充了多次。

网页设计时如何将图片和文字位于同一水平

1、网页设计时将图片和文字位于同一水平方法：不要给文字标签加属性。给img{vertical-align：middle；}一个属性即可。img标签向左浮动，给文字加一个标签（例如span），然后设置文字标签为块状，并设置上（内/外）边距。

2、水平线对于制作网页的朋友来说一定不会陌生，它在网页的版式设计中是非常有作用的，可以用来分隔文本和对象。在Dreamweaver中依次点击“插入→标准”，然后单击“水平线”按钮即可添加一条水平线。Html代码为。

3、插入一个一行两列的表格，边框粗细选为0，单元格边距选为0，单元格间距选为0，在第一个单元格中插入图片，水平位置选择“右对齐”在第二个单元格中插入文字，水平位置选择左对齐。