设置表格属性

  • 2019-10-21 10:40:28
  • 阅读次数:
  • 作者:盈岚科技小编
  • 来源:http://www.lyjtt.cn

在Dreamweaver设计网页时设置表格的属性,可以通过【属性】面板完成。设置表格属性的具体操作步骤如下。

【操作步骤】

第1步,启动Dreamweaver,新建HTML文档,保存为test.html。

第2步,在页面中插入一个3行3列的表格,选中整个表格。

第3步,选择【窗口】|【属性】命令,打开【属性】面板。

如果没有看到整个表格【属性】面板,可以单击【属性】面板右下角的扩大箭头图标,展开【属性】面板,显示表格的所有属性。第4步,在【属性】面板中设置表格的属性。   

•表格Id:在该文本框中输入表格的名称,如table 1,一般在脚本控制中便于引用该表格。   

•行:在该文本框中设置表格的行数,利用该文本框可以重新设置已插入表格的行数,从最底部行开始可以增加或减少行数,减少行数时,会一并删除行中的数据。   

•Cols(列):在该文本框中设置表格的列数,利用该文本框可以重新设置已插入表格的列数,从最右侧列开始可以增加或减少列数,减少列数时,会一并删除列中的数据。   

•宽:网页设计时在该文本框中设置表格的宽度,以像素或百分比作为单位,如输入“600”,然后在后面的列表框中选择单位。如果要设置百分比时,要在后面的下拉菜单中选择百分比符号“%”选项。也可以直接在第1个文本框中输入数值和百分比符号,系统会自动把第2个列表框设置为%,但对于以像素为单位时,就不能在第1个文本框中同时输入。   

•CellPad(填充):在该文本框中设置单元格内容与单元格边距之间的距离,默认单位为像素,一般可以不考虑单位,如输入数值10。填充的初始化默认值为1,如果插入过表格,该默认值会保存最新设置。   

•CellSpace(间距):在该文本框中设置单元格之间的距离,单位默认为像素,一般可以不考虑单位,如输入数值20。间距的初始化默认值为2,如果插入过表格,该默认值会保存最新设置。   

•Align(对齐):在网页设计中,在该下拉列表框中选择表格在容器中的对齐方式,包括“默认”、“左对齐”、“右对齐”和“居中对齐”。所谓容器就是装载表格的元素对象,如果在网页中直接插入表格,则容器为浏览器窗口;如果是嵌套表格,则容器为单元格;如果在层中插入表格,则容器为层。如在页面中直接插入表格,并设置居中显示。   

•Border(边框):在该文本框中设置表格边框的厚度,单位默认为像素,一般可以不考虑单位,如输入数值10。边框的初始化默认值为1,如果插入过表格,该默认值会保存最新设置。如果输入0,表示不显示表格边框,同时也会自动隐藏单元格之间的分割线,在浏览器中不显示表格边框,在编辑窗口中以虚线显示。   

•边框颜色:单击颜色框,可以设置边框线的颜色,如输入“#FF0000”,设置表格边框为红色。

设置单元格属性

设置好表格的整体属性后,还可以根据不同的要求,设置相应单元格的属性。设置单元格属性的操作步骤如下。

【操作步骤】

第1步,选中要设置属性的单元格。例如,选中表格的第1行,并按Ctrl+F3快捷键,打开【属性】面板。

提示:把光标置于单元格内,也可以设置该单元格属性,如图6.17所示。这种方法比较方便快捷,也是最常用的设置单元格方法。

技巧:任选以下方法都可以在网页设计中选中单元格。   

•单击表格单元格,并拖动鼠标选中多个单元格。   

•按住Ctrl键,并单击要选中的单元格,可以选中多个不相连的单元格。   

•单击要选中的矩形区域的第1个单元格,按住Shift键,并单击该区域的最后一个单元格,可以选中连续的多个单元格。

注意:选中的单元格必须是连续的矩形区域内,否则是不能够被合并的。

 •水平对齐方式:在【水平】下拉列表框中选择单元格内元素的水平对齐方式,包括左默认、对齐、右对齐和居中对齐。其中“默认”选项会根据浏览器内部设置而定,一般默认都为左对齐。   

•垂直对齐方式:在【垂直】下拉列表框中选择单元格内元素的垂直对齐方式,包括默认、顶端、居中、底部和基线5种。这些对齐方式变化比较微妙,下面逐一进行举例说明。

注意:这些对齐方式最初都是根据英文字母的基本结构来设置的,所以,参照汉字对齐方式可能就不是那么精确。   

•顶端:插入元素(文字、图像等有形元素)顶端以单元格内顶端为线进行对齐。   

•底部:插入元素(文字、图像等有形元素)底部以单元格内底部为线进行对齐。   

•居中:插入元素(文字、图像等有形元素)的中线以单元格内中线为参考线进行对齐。   

•默认:插入元素(文字、图像等有形元素)会根据各个浏览器的设置决定对齐方式,一般为居中对齐。   

•基线:插入元素(文字、图像等有形元素)的基线以行内最低基线为参照线进行对齐。

•宽和高:用于设置单元格的宽度和高度,以像素为单位。   

•不换行:设置单元格中的内容是否自动换行。选中该复选框,则在单元格中输入文本时不会自动换行,而是扩展单元格的宽度。

•标题:可以将所选的单元格设置为标题单元格。而单元格里的文本内容将会居中加粗显示。这和在【表格】对话框中设置【页眉】选项效果是一致的。

•背景颜色:在【背景颜色】文本框中可以设置单元格的背景颜色。

当前文章标题:设置表格属性

当前URL:http://www.lyjtt.cn/news/wzzz/3113.html

上一篇:如何在网页设计中编辑表格

下一篇:案例实战:应用表格

网站建设、网络营销咨询专线:181-8386-5875(点击可一键拨号)