Dreamweaver中如何设置表格的背景图片

作者:小橘猫 | 创建时间: 2023-05-28
在学习网页制作中,可以使用Dreamweaver软件来制作网页,当制作好了一个简单的表格网页,有时需要给表格中添加一个背景图片,这样表格显示的好看些,那么,Dreamweaver中如何设置表格的背景图片呢?小编这里给大家介绍一下网页编程操作...
Dreamweaver中如何设置表格的背景图片

操作方法

打开Dreamweaver软件,鼠标左键选择新建【HTML】,在代码窗口上,修改网页title标签,比如设置表格的背景图片,如下图所示。

接着,鼠标左键单击菜单,添加【表格】,在弹出的【表格设置】的窗口上,输入表格的行数和列数,并设置表格的宽度,如下图所示。

接着,在【设计】窗口上,在表格的标题栏中输入风景图片的文字,如下图所示。

然后,鼠标左键单击【代码】窗口,在table标签处的代码中,选择下来菜单中,背景图片的属性,如下图所示。

接着,在代码行中,看浏览按钮,单击可以选择背景图片,如下图所示。

然后,在弹出的选择窗口中,选择一张风景图片,如下图所示。

接着,可以看到代码中会自动添加图片的路径代码,如下图所示。

然后,在设计窗口上,可以看到表格中添加了背景图片,但是图片显示了一半,这需要修改表格的高度,如下图所示。

接着,在代码中,添加表格高度的代码,如下图所示。

最后,表格高度的代码输入好后,在设计窗口中,可以看到表格显示好的背景图片了,通过这样的操作,表格中背景图片就设置好了,如下图所示。鼠标左键单击【文件】菜单下的【保存】。

点击展开全文

更多推荐