DreamweaverMX 2004打造细线表格

    如果仅仅是定义表格的边框为1(border="1")和边框颜色值(如borderColor="#000000"),表格线其实是2px的,要做细线表格,有三种方法:

  1.在Dreamweaver中按Ctrl+Alt+T,弹出插入表格的对话框,参数设置如图(带红框项为固定值,否则无效果):
  

  选中表格,在属性面板中设置表格的背景颜色:
  

  光标定位到第一个单元格里,按住Shift键单击最后一个单元格,全选所有单元格,然后在属性面板中设置所有单元格的颜色:
  

时间: 2024-09-20 00:36:54

DreamweaverMX 2004打造细线表格的相关文章

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

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

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键单击最后一个单元格,全选所有单元格,然后在属性面板中设置所有单元格的颜色

WEB标准中细线表格的实现方法

web|web标准 随着web标准的广泛传播,表格渐渐被我遗忘,但是表格还是有它优秀的一面,数据处理用表格的确省了不少麻烦!这个是细表格的代码,并且通过了标准验证! <head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>细线表格简单实现</title><style type="text/css

新标准中细线表格的实现

标准 随着web标准的广泛传播,表格渐渐被我遗忘,但是表格还是有它优秀的一面,数据处理用表格的确省了不少麻烦!这个是细表格的代码,并且通过了标准验证!  HTML代码 <head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>细线表格简单实现</title><style type="text/cs

表格边框探秘table及如何快速实现细线表格

一.表格中单元格之间分隔线的隐藏方法   第 一 行 第 二 行 第 三 行 这个表格去掉了单元格之间的纵向分隔线 第 第 第 一 二 三 列 列 列 这个表格去掉了单元格之间的横向分隔线 横   线 竖   线 都 没 了 这个表格去掉了单元格之间的纵向分隔线和横向分隔线 其实上面的三个表格都有三行三列,隐藏分隔线的诀窍在于rules,察看这三个表格的源代码,我们可以看到<TABLE>标签中都有rules. 它有三个参数(cols,rows,none),当rules=cols时,表格会隐藏纵

Html细线表格的实现 打印边框设置

在网页制作中,我们常常会使用到表格,表格使得需要表达的信息更清楚,明了. <table border="1" cellspacing="0" bordercolor="#000000" width = "80%">      <tr>          <td>1.1</td>          <td>1.2</td>      </tr>

Dreamweaver制作细线表格

表格是网页的重要组成部分,合理使用表格,将会使网页开起来更富特色,而其中的细线表格也是我们最常用的技巧,下面看看如何制作细线表格. 打开Dreamweaver(下文中该软件将简称为Dw)后,可以看到如下的界面(如图1): 图1.Dw窗口 首先,我们在工具面板中选择按钮创建一个表格,单击后,将会出现如图(2)所示的表格属性设置 图2.表格属性窗口 这里我们分别设置参数为:行=1,列=1,宽度=270[象素],边框=0,单元格边距=0,单元格间距=1这样设置后,将会在编辑区生成如图(3)所示的表格