网页制作表格图片背景图？网页制作表格背景颜色怎么设置？

金生 05-02 80

默认

摘要： 如何定位网页中表格的背景图片1、定制背景 1）画一个整个界面所需大矩形：单击菜单“插入”-“形状”-矩形，单击后光标变成一个小十字，由单元格左上角向右下角拖动，即可画出。然后单击...

如何定位 网页中表格的背景图片

1、定制背景 1）画一个整个界面所需大矩形：单击菜单“插入”-“形状”-矩形，单击后光标变成一个小十字，由单元格左上角向右下角拖动，即可画出。然后单击“格式”-“形状轮廓”-“无轮廓”-“形状填充”-选择“无填充颜色”-“确定”，则单元格内的原有内容即会显示出来。

2、打开 Dreamweaver 软件，鼠标左键选择新建【html】，在代码窗口上，修改网页title标签，比如设置表格的背景图片示。鼠标左键单击菜单，添加【表格】，在弹出的【表格设置】的窗口上，输入表格的行数和列数，并设置表格的宽度。在【设计】窗口上，在表格的标题栏中输入风景图片的文字。

3、在A1单元格点下，CTRL+A，全选中；然后，CTRL+1，调出设置单元格格式对话框。点开：边框，然后，设置边框颜色为红色（方便我们下面操作观看效果）；再点外边框，再点内边框；最后点确定。点确定后，整个工作表添加了红色边框。

4、用dreamweaver打开你所编辑的网页，在菜单中选择“修改页面属性”，然后在弹出的对话框中的“跟踪图像”项中输入刚才创建的网页排版格局图所在位置。再在图像透明度中设定跟踪图像的透明度，OK。

5、新建文件夹并将其命名为“表格”。将背景图放入新建的”表格“文件夹里。在Dreamweaver CS6中新建一个HTML空白文档。将页面内容放入中。

6、首先，你需要找到并插入所需的图片。插入图片后，双击图片，进入图片编辑模式。接下来，将图片的版式设置为“置于文字的下方”，这样图片就会在文字之下显示。然后，右击图片，在弹出的菜单中选择“格式图片”。在“大小和位置”选项卡中，调整图片的位置和大小，确保它能完美贴合表格。

Dreamweaver把表格中的图片设为背景图

在设计模式下，右击页面的空白处，在弹出的快捷菜单中选择“页面属性”，在左侧选择“外观”（默认的），然后在右侧找到“背景图像”，单击右侧“浏览”按钮，选择网页制作表格图片背景图你要作为背景的图片即可，但要注意，做背景的图片最好跟你建的页面大小一样，不然很乱很难看。

打开Dreamweaver软件，鼠标左键选择新建【HTML】，在代码窗口上，修改网页title标签，比如设置表格的背景图片示。鼠标左键单击菜单，添加【表格】，在弹出的【表格设置】的窗口上，输入表格的行数和列数，并设置表格的宽度。在【设计】窗口上，在表格的标题栏中输入风景图片的文字。

选择table或td，点属性栏的背景-单元格背景URL（文件夹图标）选择图片。直接用CSS，在td或div标签里加style=background：url（gif） no-repeat网页制作表格图片背景图；。

在里面加上 bgsound=quotURLquot 就可以为网页增加背景音乐了；右键单击的点击网页属性，然后点击网页属性中的格式，在背景图片选项上打钩选定，点击浏览找到你要设置为背景的图片即可。

在Dreamweaver中，将一张图片作为网页背景非常简单。只需在样式表中添加以下代码： .background { background-image： url（imasge/class.jpg）； background-repeat： no-repeat； } 在这段代码中，imasge/class.jpg表示图片的路径和名称。请根据实际情况调整路径和文件名。