Dreamweaver制作细线表格

表格是网页的重要组成部分,合理使用表格,将会使网页开起来更富特色,而其中的细线表格也是我们最常用的技巧,下面看看如何制作细线表格。

打开Dreamweaver(下文中该软件将简称为Dw)后,可以看到如下的界面(如图1):

图1.Dw窗口

首先,我们在工具面板中选择按钮创建一个表格,单击后,将会出现如图(2)所示的表格属性设置

图2.表格属性窗口

这里我们分别设置参数为:
行=1,列=1,宽度=270[象素],边框=0,单元格边距=0,单元格间距=1
这样设置后,将会在编辑区生成如图(3)所示的表格

图3.dw编辑区表格

此时,选中表格,将表格[背景颜色]设置为黑色,如图(4)所示

   图4.表格设置属性对话框

 

用鼠标选中表格的单元格,将单元格的[背景颜色]设置为白色,如图(5)所示

图5.单元格属性设置对话框

 

好了,细线表格完成,按下键盘的F12键,即可看到如图(6)的效果

时间: 2024-11-03 04:51:57

Dreamweaver制作细线表格的相关文章

网页制作 用Dreamweaver制作细边表格

dreamweaver|网页 在Dreamweaver中插入一个表格,若设置其"边框(Border)"为1,预览时其边框线较粗.对于不熟悉HTML语言的网页制作者,如何快速制作出细边线的表格呢?下面,我给大家介绍一个小技巧--巧用背景颜色和间距制作细边线表格. 以制作一个4行3列.边框线为红色细线的表格为例: Step 1 在Dreamweaver的设计视图中插入一个4行3列的表格. Step 2 在"属性"面板中设置此表格的属性如下:边距(cellpadding)

用Dreamweaver制作细边表格

Dreamweaver MX 2004 打造细线表格如果仅仅是定义表格的边框为1(border="1")和边框颜色值(如borderColor="#000000"),表格线其实是2px的,要做细线表格. 1.在Dreamweaver中按Ctrl+Alt+T,弹出插入表格的对话框,参数设置如图(带红框项为固定值,否则无效果): 选中表格,在属性面板中设置表格的背景颜色: 光标定位到第一个单元格里,按住Shift键单击最后一个单元格,全选所有单元格,然后在属性面板中设置

Dreamweaver制作细边表格

  Dreamweaver MX 2004 打造细线表格如果仅仅是定义表格的边框为1(border="1")和边框颜色值(如borderColor="#000000"),表格线其实是2px的,要做细线表格. 在Dreamweaver中按Ctrl+Alt+T,弹出插入表格的对话框,参数设置如图(带红框项为固定值,否则无效果): <--Element not supported - Type: 8 Name: #comment--> 图1   选中表格,在属

用Dreamweaver制作网页表格示例教程

  DreamWeaver是个原本由Macromedia公司所开发的著名网站开发工具.它使用所见即所得的接口,亦有HTML编辑的功能.它现在有Mac和Windows系统的版本.随Macromedia被Adobe收购后,Adobe也开始计划开发Linux版本的Dreamweaver了. Dreamweaver自MX版本开始,使用了Opera的排版引擎 "Presto" 作为网页预览.使用Dreamweaver来制作网页,非常的简单快捷,能够很好的提高网页制作的效率,对网页感兴趣的朋友可以

Dreamweaver制作细边的表格

  通过利用背景颜色与间距制作细边的表格教程的介绍,大家在Dreamweaver中插入一个表格,若设置其"边框(Border)"为1,预览时其边框线较粗. 以制作一个4行3列.边框线为红色细线的表格为例: Step 1 在Dreamweaver的设计视图中插入一个4行3列的表格. Step 2 在"属性"面板中设置此表格的属性如下:边距(CellPad)根据需要自行设置值(例如10);间距(CellSpace)为1;边框(Border) 为0;背景颜色(Bg Col

Dreamweaver MX 2004 打造细线表格(2)

dreamweaver 3.设置表格的CSS属性border-collapse为collapse:按Ctrl+Alt+T插入表格,对话框的设置同法2.选中表格,在属性面板中设置表格的边框颜色: 按F9展开"Tag Inspector"面板,在"Attributes"面板中的"style"里填入"border-collapse:collapse;" 完成后如图: 注意:法3所作的细线表格只适用于IE5+,兼容性最好的是法1,法二

Dreamweaver MX 2004 打造细线表格

dreamweaver 如果仅仅是定义表格的边框为1(border="1")和边框颜色值(如borderColor="#000000"),表格线其实是2px的,要做细线表格,有三种方法: 1.在Dreamweaver中按Ctrl+Alt+T,弹出插入表格的对话框,参数设置如图(带红框项为固定值,否则无效果): 选中表格,在属性面板中设置表格的背景颜色: 光标定位到第一个单元格里,按住Shift键单击最后一个单元格,全选所有单元格,然后在属性面板中设置所有单元格的颜色

Dreamweaver MX 2004 打造细线表格(1)

dreamweaver 如果仅仅是定义表格的边框为1(border="1")和边框颜色值(如borderColor="#000000"),表格线其实是2px的,要做细线表格,有三种方法: 1.在Dreamweaver中按Ctrl+Alt+T,弹出插入表格的对话框,参数设置如图(带红框项为固定值,否则无效果): 选中表格,在属性面板中设置表格的背景颜色: 光标定位到第一个单元格里,按住Shift键单击最后一个单元格,全选所有单元格,然后在属性面板中设置所有单元格的颜色

Dreamweaver MX 2004 打造细线表格[视频教程]

dreamweaver|教程|视频教程 文字教程:Dreamweaver MX 2004 打造细线表格 简要介绍:本例讲解了Dreamweaver一个非常实用的小技巧,通过背景色的填充来造成"视觉欺骗",从而创建1个像素粗细的表格.从而弥补了默认表格不精细美观的缺点. 全屏观看:第一集 第一集 点击这里播放第二集