,如下图所示。dreamweaver怎么插入表格
竭诚为您提供优质文档/双击可除dreamweaver怎么插入表格 篇一:用dreamweaver8表格进行页面布局教程 用dreamweaver8表格进行页面布局教程本文介绍如何在macromediadreamweaver8中创建基于表格的页面布局。页面布局将确定您的页面在浏览器中会如何显示,例如,显示菜单、图像和macromediaFlash内容将如何放置。表格是用于在html页上显示表格式数据以及对文本和图形进行布局的强有力的工具。您可以使用表格快速轻松地创建布局。在本教程中,您将在一个新的dreamweaver文档中创建若干表格。这些表格的行和单元格实际上用作您将在以后添加的内容的"容器框"。通常,创建web站点并不是以打开dreamweaver并立即对页面进行布局开始的。创建web站点的初始工作从纸张或图形编辑应用程序(如 macromediaFireworks)开始。图形设计人员通常会画出web站点综合图形的草图(也称为"草样"),以便向客户展示并确保站点的初始构思能让客户满意。设计草样由客户要求其web站点具有的任意数目的页面元素组成。例如,客户可能会提出:"页面顶端要有徽标,要有能链接到其它页面的
导航功能,有用于联机存储的部分和可以插入视频剪辑的位置。"根据这些讨论,设计人员开始对站点布局进行规划,并制作满足客户要求的示例页面草图。 本教程向您提供为cafetownsend(一个需要制作web站点的虚构餐馆)设计的、完整的和符合要求的设计草样。作为web设计人员,您需要对草样进行转换,使之最终形成可以使用的web页面(通常需要其他图形设计人员与Flash开发人员的帮助)。 您可以看到,图形设计人员已经向您提供了web页面设计草样,其中包括一些内容区域和图形方案。在下面的部分,您将使用dreamweaver展示此设计。您也可以打开原始草样文件以便在计算机屏幕上查看该设计草样。可以在 cafe_townsend文件夹(在教程:设置站点和项目文件中已将该文件夹复制到了硬盘上)的fireworks_assets文件夹中找到设计草样homepage-mockup.jpg。在创建页面时,还可以打印草样以便随时查看,创建并保存新页面。 建立站点并检查设计草样后,您就可以开始创建web页面了。首先您将创建一个新页面,并将它保存到您的web站点的本地根文件夹cafe_townsend中。该页面最终将成为虚构餐馆cafetownsend的主页。 如果您尚未创建本地根文件夹cafe_townsend,则必须先完成创建,然后再继续。
Dreamweaver设置表格和单元格的格式
Dreamweaver/设置表格和单元格的格式 ?出处:站长百科 ?原文地址:https://www.doczj.com/doc/5b12102840.html,/wiki/Dreamweaver/设置表格和单元格的格式 ?本电子书整理自站长百科词条,查看内容请访问网站。 目 录 Dreamweaver/插入层 (1) 一、DreamWeaver查看和设置表格、单元格、行和列的属性 (2) 二、编辑表格的辅助功能属性 (2) 三、使用设计方案对表格进行格式设置 (3) Dreamweaver使用手册导航 (5) 更多电子书 (6) 推荐内容:WordPress免费主题| WordPress免费插件 WordPress啦(https://www.doczj.com/doc/5b12102840.html,) 聚合全球资源,助力中文WordPress,报道国内外最新的WordPress资讯,提供WordPress常用插件及优秀免费模板下载,WordPress中文开发技术文档https://www.doczj.com/doc/5b12102840.html,/codex.html 爱好者的必备之选 WordPress中文手册https://www.doczj.com/doc/5b12102840.html,/codex.html WordPress啦倾力打造的入门文档,是WordPress爱好者的必备之选,免费优秀模板 让你拥有个性化Blog. ?出处:站长百科 ?原文地址:https://www.doczj.com/doc/5b12102840.html,/wiki/Dreamweaver/设置表格和单元格的格式
一、DreamWeaver查看和设置表格、单元格、行和列 的属性 当选择了某个表格或单元格后,使用属性检查器可以查看和更改它的属性。 注意:在更改表格元素的属性前,最好了解哪些属性优先于其他属性。 若要查看和设置表格或表格元素的属性,请执行以下操作: 1.选择表格、单元格、行或列。 2.在“属性”检查器(“窗口”>“属性”)中,单击右下角的展 开箭头,查看所有属性。 3.根据需要更改属性。 注意: 当设置列的属性时,Dreamweaver 更改对应于该列中每个单元格的 td 标签的属性。但是,当设置行的某些属性时,Dreamweaver 将更改 tr 标签的属性而不是行中每个 td 标签的属性。在将同一种格式应用于行中的所有单元格时,将格式应用于 tr 标签会生成更简明易懂的 HTML 代码。 二、编辑表格的辅助功能属性 如果您插入表格时没有为表格添加辅助功能属性,但是以后需要添加这些属性,或者如果需要编辑辅助功能属性,您可以在“代码”视图或“设计”视图中添加或编辑辅助功能属性。 若要在“代码”视图中添加或编辑表格的辅助功能值,请执行以下操作: ?出处:站长百科 ?原文地址:https://www.doczj.com/doc/5b12102840.html,/wiki/Dreamweaver/设置表格和单元格的格式
用Dreamweaver 创建网站详细步骤
一、定义站点 1、在任意一个根目录下创建好一个文件夹(我们这里假设为E盘),如取名为MyWeb。备注:网站中所用的文件都要用英文名。 2、打开Dreamweaver,选择“站点—新建站点”,打开对话框。在站点名称中输入网站的名称(可用中文),在本地根文件夹中选择刚才创建的文件夹(E:web)。然后确定即可。 备注:再次打开Dreamweaver,会自动找到刚才设立的站点。如果有多个站点,可以在菜单“站点—打开站点”中去选择。 二、创建页面 1、在本地文件夹E:\MyWeb下面的空白处,按右键选“新建文件”,这样就建好了一个页面,默认的文件名为untitled.htm。htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。网站第一页的名字通常是index.htm或index.html。其它页面的名字可以自己取。 2、双击index.htm进入该页面的编辑状态。在标题空格里输入网页名称,按右键选页面属性,打开“页面属性”窗口。在这里可以设置网站的标题、背景颜色或背影图像,超级链接的颜色(一般默认即可),其他都保持默认即可。 3.此时光标位于左上角,可输入一句话,如“欢迎来到我的主页”。选取文字,用菜单“窗口/属性”打开属性面板,选取文字大小为6,再使文字居中,然后在文字前用几个回车使其位于页面中间。 4.如要选取字体,则选择字体中的最后一项:编辑字体列表。然后在对话框中选+号,接着在“可用字体”栏中选择需要加入到字体列表中的一种字体,点击中间的按钮就可以加入了。 在网页上最常用的是宋体字。不要将特殊的字体加到列表中使用,因为别人电脑上未装就看不到。如果需要用的话,要做成图片后再使用。在网页上打入空格的办法是:把输入法调为全角。在网页上换行的办法是:shift+Enter。只按Enter则为换段。 三、为页面添加图片 1、在本地文件夹E:\MyWeb下面的空白处,按右键选“新建文件夹”,这样建立了一个文件夹,用它来放图片,可以改名为tu或pi c或images都可以。 2、用菜单“窗口/对象”打开对象面板,点击“插入图像”,在对话框里选要插入的图片。如果会出现对话框:“你愿意将该文件复制到根文件夹中吗?”,必须选“是”,然后将它保存到刚建好的文件夹里。 3、选中该图片,打开属性面板,可以在上面为图片取名,重新设置图片的高、宽,拖住图片角上的点可以变大小。按住shift键,再拖动角上的点,可以使图片保持宽高比例拉伸。如要恢复这原始大小,则单击右下角的“重设大小”按钮。 4、“链接”可以直接在这里输入地址。“替代”是图片的说明,即鼠标指向图片所显示的文字;“边框”是图片边框宽度,“对齐”是对齐方式。 四、添加超级链接 1、为文字添加链接。
dw表格边框
竭诚为您提供优质文档/双击可除 dw表格边框 篇一:在dreamweaver中插入一个表格,若设置其“边框 在dreamweaver中插入一个表格,若设置其“边框(border)”为1,预览时其边框线较粗。对于不熟悉html语言的网页制作者,如何快速制作出细边线的表格呢?下面,我给大家介绍一个小技巧--巧用背景颜色和间距制作细边 线表格。 以制作一个4行3列、边框线为红色细线的表格为例:step1在dreamweaver的设计视图中插入一个4行3列的表格。 step2在“属性”面板中设置此表格的属性如下:边距(cellpad)根据需要自行设置值(例如10);间距(cellspace)为1;边框(border)为0;背景颜色(bgcolor)为红色。 step3选中此表格的所有单元格,在“属性”面板中设置所有单元格的属性如下:背景颜色(bg)为白色或红色以外的其他颜色。 最后,保存网页,按F12预览。怎么样,一个4行3列
的红色细线表格是不是呈现在你面前? 另外,如果我们照常想用表格来布局定位,但只要外边框线显示为细线,而内部单元格的分隔线不显示的效果,则可以配合使用嵌套表格。下面以表格外边框线为红色细线为例来说明操作方法: step1在dreamweaver的设计视图插入一个1行1列的 表格。 step2在“属性”面板设置此表格的属性如下:“边距”根据需要自行设置(例如5);“间距”为1;“边框”为0;“背景颜色”为红色。 step3选中此表格唯一的单元格,在“属性”面板设置 此单元格的“背景颜色”为白色或红色以外的其他颜色。 step4将光标定位在此1行1列的表格中,根据需要插 入一个几行几列的嵌套表格,此嵌套表格的“边框”一定设置为0,“边距”和“间距”可以根据需要设置或不设置,其他属性可不进行设置。 这样,我们就可以在嵌套表格的不同单元格内插入文字、图片等其他网页元素了。 篇二:用dreamweaver8表格进行页面布局教程 用dreamweaver8表格进行页面布局教程本文介绍如何 在macromediadreamweaver8中创建基于表格的页面布局。 页面布局将确定您的页面在浏览器中会如何显示,例如,显
dw表格无缝插入图片
竭诚为您提供优质文档/双击可除dw表格无缝插入图片 篇一:用dw给一张图片加多个链接 大家在做海报时,一张图片只能加一个链接,用photoshop切片的方法又太麻烦。在这里我教大家另外一个方法。 1、首先,在百度上下载dreamweaver软件(我给大家示范的是dreamweaver8版本),并安装。安装完成后,就可以打开dreamweaver软件。 2、打开之后会出现这个界面,之后按html就可以了。 3、接着是代码这个界面,可以看到标题处有“无标题文档”这几个字,把这几个字删除即可。 4、按“设计”按钮,接下来就可以给图片加多个链接了。 5、在给图片加超链接之前,要先把图片先上传到我们的图片空间里,并复制链接(这里说的链接也就是图片的地址uRl,右键-属性里也看以看到)。 6、我们再按dreamweaver的菜单栏的“插入”-“图像”。 7、将uRl处的文字删掉,并粘贴我们之前那张图片的
链接(也就是图片的地址/uRl),按确定,之后有弹出图像标签辅助功能属性的框,继续按右侧的确定即可。这样子我们要处理的这张图片就出现了。 8、按菜单栏下方的按钮(有小倒三角形的地方),会出现“绘制矩形热点”、“绘制椭圆热点”、“绘制多边形热点”。在这里我给大家只示范“绘制矩形热点”,其他热点也是同样的方法,只是形状不一样而已。 9、按绘制矩形热点,拖动鼠标,选出图片中要加宝贝链接的一个区域。做完这个步骤后,图片上就出现了这样一块区域。此时可以在下方属性栏将宝贝链接加在链接处,将目标处改为“_blank”。 10、第二、第三个区域方法也是一样的,大家可以先把去去画好,再点各个区域,分别加链接,把属性栏“目标”处都改为“_blank”。 篇二:dreamweaver基础教程——插入并编辑表格 dreamweaver基础教程:插入并编辑表格 表格是网页设计制作不可缺少的元素,它以简洁明了和高效快捷的方式将图片、文本、数据和表单的元素有序的显示在页面上,让我们可以设计出漂亮的页面,使用表格排版的页面在不同平台、不同分辨率的浏览器里都能保持其原有的布局,而在不同的浏览器平台有较好的兼容性,所以表格是网页中最常用的排版方式之一。
Dreamweaver制作表格表单
Dreamweaver制作表格和表单 表格当初主要用于数据的格式化显示,现在表格更多地用于排列网页中的内容,今天我们就一起来看看在Dreamweaver CS3里如何创建表格,以及如何使用表格对网页中的图文进行布局。 一、什么是表格布局 表格布局就是为了精确定位、合理安排网页中的文字、图片等元素,它就像网页的脸面,是在一个限定的面积范围内合理安排、布置图像、文字等元素的位置,从而设计出版式漂亮的页面。如图1所示,就是一个使用表格布局的页面。 图1 表格布局文字和图片 二、表格的使用 如果我们要实现如图1所示的表格布局页面,该怎么办?不急!下面就一步一步地实现如图1所示的表格布局页面。请执行以下步骤: (1) 新建空白文档,然后选择“插入”一“表格”命令,以显示“表格”对话框,如图2所示。 图2 “表格”对话框
(2) 输入所需的行数为7和列数为4,选择“百分比”或“像素”为单位的表格宽度。 (3) 在“边框粗细”后的文本框中输入边框宽度,如果不需要显示边框,请将值设为"0"。 (4) 设置“单元格边距”和“单元格间距”。 (5) 设置的相关值如图2所示,然后单击“确定”按钮。 (6) 选中第1行所有单元格,然后右击鼠标选择“表格”一“合并单元格”命令,高度设为34。同理,合并第3行所有单元格,合并第7行所有单元格,合并第1列第 4行、第1列第5行、第1列第6行这3个单元格,合并第2列第4行、第2列第5行、第2列第6行这3个单元格,合并第4列第4行、第4列第5行、第4列第 6行这3个单元格,合并后的效果如图3所示。 (7) 按图1添加相关文字内容。 (8) 光标定位到第4行第1个单元格里,然后依次选择“插入”一“表单”一“复选框”命令。 (9) 在第1行单元格里插入图片“commodity_tablehead.gif'’。同理,在相应位置插入图片commodity_huaping.jpg、online_pic.gif和list_ tool_favl.gif。 (10) 在第4行最后一个单元格输入“一口价283.30”,然后在“属性”面板里设置此单元格背景颜色为“#FF99FF”和居中对齐。 图3 插入表格并合并相关单元格 (11) 光标定位到第3行,然后切换到“代码”视图,如图4所示,在光标位置插入如下代码:https://www.doczj.com/doc/5b12102840.html,
同理,在最后一行插入第2条虚线。 (12) 按F12键就可以看到如图1所示的效果。实例Dreamweaver-制作表单页
实例Dreamweaver-制作表单页
制作表单页 步骤 1. 启动Dreamweaver MX 2004 程序,选择菜单“文件”—>“新建”命令,打开“新建文档”对话框.在对话框“常规”标签下选择“类型”列表中的“基本页”选项,创建HTML网页. 2. 创建页面后,按Ctrl+s键,保存网页到本地站点内,文件命名为form.htm.如图12-1所示. 说明将页面保存到站点是为了在更新网站内容时,同时更新form网页,也便于站点的管理和维护. 3. 保存页面后,选择插入面板上的"表单"选项,在表单面板中单击"表单"按钮000,在页面中插入表单域.如图12-2所示.
图12-1 保存文件名为from 保存图12-2 在页面中插入表单域 说明表单域就是表单的范围,在网页中以红色虚线表示,也是插入表单元素的前提条件.代码中以
格式表示.其作用就是把页面中输入的数据以电子邮件形式发送到邮箱中或直接传送到数据库中.4. 将光标停放到表单域中,选择常用面板上的"表格"按钮,在表单域中插入8行2列的表格. 5. 用鼠标选中表格,打开属性面板. 6. 在表格属性中,设置其宽度为500像素,"填充"值为1,"间距值为0,在"对齐"下拉列表中选择"绝对居中"选项,"边框"值为1,最后在"边框颜色"文本框中输入色标值#FFFFFF(白色). 说明在表单域中插入表格,是为了方便表单元素的排列布局.表格属性中的设置是为了表格有比较好显示效果,其中:"填充"值表示表格内的数字与表格的距离,"间距"表示表格与表格之间的距离,"边框"值表示表格外框的宽度."对齐"方式是显示表格在页面的位置,"边框颜色"则是一个十六进制值,表示颜色的色标值. 7. 拖动鼠标,选中表格第一行的两个单元格,在属性面板的"背景颜色"文本框中输入色标值#6699CC,或单击旁边的"背景颜色"按钮,选取蓝色. 8. 拖动鼠标,选中其他单元格,设置背景颜色为"灰色"(色标值为#CCCCCC).
dw如何在div中插入表格
竭诚为您提供优质文档/双击可除dw如何在div中插入表格 篇一:dreamweaver8系列diV+css教程表格一列布局 一列布局 web标准(div+css)》的一列布局,包含以下几种形式:一列固定宽度一列固定宽度居中一列自适应宽度一列自适 应宽度居中一列二至多块布局前一节我们回顾了xhtml基础和css基础部分,今天我们正式开始使用网页制作软件——adobe公司出品的dreamweaver来开始网页设计之旅。相信之前您已经用过这个软件了,具体怎么使用我就不讲了。为了照顾部分朋友,今天课程的css部分我们是以可视化生成方式,不过建议大家能手写的尽量还是手写,这样有助于提高效率。一、一列固定宽度我们先看一下一列固定宽度,首先要新建一个页面:注意:这里的文档类型是过渡型,目前我们采用这种宽松验证方式。 接下来在页面中插入一个div 标签,我们可以点击工具栏的“插入diV标签”按钮,在打开的对话框中id项给这个div命一下名,我们给它起个名叫layout(名称根据自己需要命名)。
插入div后,在右侧的css样式面板中,定义id为layout 的样式,确定后在打开的css编辑对话框的方框选项中设计宽度500,高度300。为了看清楚起见,我们把这个div设置个背景色,这样就能预览出大小和位置了。 这里选择高级,然后在选择器中填写:#layout,如果是选中div 后,再点击添加,它会自动添加上。因为是定义id,所以前面需要加#,后面会有id和class的详细讲解的margin:auto; 时,可以让这个盒模型居中。我们下边在css样式表中加上这个属性看看效果: #layout{height:300px;width:400px;background:#99FFcc ;margin:auto;} 在dreamweaver的设计视图中我们选中看看,是不是已经居中了,我们再在ie下预览一下,同样居中。 篇二:如何用dw创建表格 一、创建基本的表格 一个表由<table>开始,</table>结束,表的内容由<tr>,<th>和<td>定义。<tr>说明表的一个行,表有多少行就有多少个<tr>;<th>说明表的列数和相应栏目的名称,有多少个栏就有多少个<th>;<td>则填充
DW表格使用四大经验
DW表格使用四大经验 经验(一):为什么说表格比图层排版要好? 一开始学DW 的朋友,都比较喜欢用图层排版,其主要原因是图层可以把对象放到你想放的任意位置,并且只需拖动鼠标,看起来非常轻松,但用F12 预览就面目全非,后悔了吧?还是用表格排版吧。层的定位方式与表格的不同,层采取的定位方式是动态定位方式(引自<>),它的定位靠的是两个参数Left 和Top,这两个参数设置层框架与浏览器的边框的的距离,无论你是在最大化,还是在不同的分辨率下他都始终在一个位置,而表格在不同的情况下它将有所变化。尤其当你用表格的同时又用图层排版,这样的效果会让你痛苦一辈子。图层没用吗?当然有用,一般用它来做一些特效,用的好可以让你的主页锦上添花。本站有一个DW 图层应用的教程,有兴趣可以看看。 经验(二):如何消除分辨率的差异? 这是一个比较老套的话题,但总有人问。我们现在的网页最佳浏览分辨率大多是800*600,但有不少的兄弟用的是640*480 或1024*768,怎样让你的网页兼容性更好,你只需把表格的宽度设为100%即可该决这个问题。 经验(三):为什么我的表格在预览时发生变化? 我们经常会在做完表格排版后预览,发现表格的样子变了,不是
有的高度变长了,就是宽度变宽了。出现这个情况的原因是,你在排版的时候,把表格高度或长度用鼠标拖长或拖短过,这样DW 就会在你网页代码中自动加入一些宽的长度代码或高度代码。由于在排版的过程中,经常会这样做,所以你的网页代码加了许多的这些高和宽的代码,当你预览的时候浏览器就会按这些代码来显示,于是就会出现表格样子发生变化。好在DW 为你提供了决办法,按Ctrl+F3 后用鼠标点击表格边框出来表格属性面板,点属性面板的(除掉表格中定义高度的HTML 语句),而它(除掉表格中定义宽度的HTML 语句)你最好少用,用不好会弄巧成拙,如果你的网页中用到割过的图片,此时用它来消除图片间的空隙非常有效。 经验(四):如何使表格具有立体效果? 我在刚开始学做主页时,为了使菜单具有立体效果,花了不少心思不得其解,最终用图片做菜单。现在我已知道了几种立体效果,现在和大家分享,先看看下面的效果:我把这四个表格的参数告诉你(没有写出来的不填,使用系统默认的),你可以根据需要,适当的改一改参数以达到最佳效果,这些参数你只需填到表格属性面板中: 表A:Cellpad:0;cellspace:0;border:1;Light Brdr:#000000;Bg:#A7D2ED;Brdr:#FFFFFF 表B:Cellpad:0;cellspace:2;border:1;Bg:#A7D2ED 表C:border:1;Light Brdr:#000000;Bg:#A7D2ED;
巧用 Dreamweaver 的表格功能
巧用Dreamweaver 的表格功能 用表格来作网页排版定位,这是从所周知的事,我在这里再向你介绍几种其它的用途。 一、用表格制作线条 在Dreamweaver3中虽有插入水平线的功能,但他插入的线条无法改变颜色,对垂直线条更是无能为力了。但我们可以用表格来实现,用表格来制作线条还有一个优点就是可方便地改变线条的粗细、长短和颜色,要是用图象就麻烦多了。下面就是用表格作出来的线条: 考虑到表格是以行为单位来定位的,为了能更方便的定位线条,我们把表格放到层上,这样你就可以 任意把线条放到任何位置了。具体作法如下: (1)单击功能面板上的插入层图标,在页面上画一个层,再在功能面板上点击插入表格图标,在弹出 的表格面板上把表格的行数和列数均设置为1; (2)选取表格,在表格的属性面板上把“cellpad"、“cellspace"、“border"均设置为“0",把“W"设置为“100%",“H"设置为2pixels(象素),设置好表格的背景色(也就是线条的颜色)。 (3)在单元格中点一下,在单元格的属性面板上把“W"设置为“100%",把“H"设置为2pixels(象素); (4)在快速启动栏上点击源代码检示窗图标,在源代码编辑窗中把单元格中的“”(“空格”代码)删去。到此,一条特定颜色的水平线已画好。若要改变线条颜色,只要改变表格的背景色就行了;若要改变线条高度(即线条的粗细),只要修改(2)、(3)中的“H"即可;改变(2)、(3)中的“W",就可改变线条的长度;若要把水平线变为垂直线,只要把(2)、(3)中的“W"和“H"的值换一下就行了,是不是方便极 了。 二、用表格实现图文绕排 使一行文字位于图象的两侧,通过调整图象的对齐属性可以很容易实现,但要想使图象位于多行文字的中间,也就是所谓的文字环绕,只能借助于表格(或层)了。 制作方法: 1)先插入一个层,其目的是便于这段绕排的文字和图象能拖动定位,当然也可以直接操作第二步; 2)在层上插入一个3行3列的表格,并把第一行的三个单元格、第三行的三个单元格分别合并成一个 单元格,便于输入文字; 3)在第二行的第二个单元格中插入图片,至于放什么图片(或动画)你自己确定好了; 4)现在你就可以输入文字了,输入文字的一般顺序是先在表格的第一行开始,其次是第二行第一个单 元格-->第二行第三个单元格-->第三行。 三、用表格实现页中页(或称为画中画)
在Dreamweaver中插入一个表格,若设置其“边框
在Dreamweaver中插入一个表格,若设置其“边框(Border)”为1,预览时其边框线较粗。对于不熟悉HTML语言的网页制作者,如何快速制作出细边线的表格呢?下面,我给大家介绍一个小技巧--巧用背景颜色和间距制作细边线表格。 以制作一个4行3列、边框线为红色细线的表格为例: Step 1 在Dreamweaver的设计视图中插入一个4行3列的表格。 Step 2 在“属性”面板中设置此表格的属性如下:边距(CellPad)根据需要自行设置值(例如10);间距(CellSpace)为1;边框(Border)为0;背景颜色(Bg Color)为红色。 Step 3 选中此表格的所有单元格,在“属性”面板中设置所有单元格的属性如下:背景颜色(Bg)为白色或红色以外的其他颜色。 最后,保存网页,按F12预览。怎么样,一个4行3列的红色细线表格是不是呈现在你面前? 另外,如果我们照常想用表格来布局定位,但只要外边框线显示为细线,而内部单元格的分隔线不显示的效果,则可以配合使用嵌套表格。下面以表格外边框线为红色细线为例来说明操作方法: Step 1 在Dreamweaver的设计视图插入一个1行1列的表格。 Step 2 在“属性”面板设置此表格的属性如下:“边距”根据需要自行设置(例如5);“间距”为1;“边框”为0;“背景颜色”为红色。 Step 3 选中此表格唯一的单元格,在“属性”面板设置此单元格的“背景颜色”为白色或红色以外的其他颜色。 Step 4 将光标定位在此1行1列的表格中,根据需要插入一个几行几列的嵌套表格,此嵌套表格的“边框”一定设置为0,“边距”和“间距”可以根据需要设置或不设置,其他属性可不进行设置。 这样,我们就可以在嵌套表格的不同单元格内插入文字、图片等其他网页元素了。