视频: 網頁設計篇 (Dreamweaver 的基礎應用) - 使用預設CSS版面 2024
是否需要更改网站上表格的外观?在Dreamweaver中选择表格时,“属性”检查器可让您访问以下用于自定义表格外观的选项:
-
表格: 提供可输入表格名称的文本区域。该名称或ID对于在脚本中定位表格非常有用。
-
行数: 显示表格中的行数。您可以通过更改数字来改变表格的大小。但请注意:如果输入的数字小于表中的行数,Dreamweaver将删除最下面的行(内容和全部)。
<! --1 - > -
列: 显示表中的列数。您可以通过更改数字来改变表格的大小。同样,如果输入的数字少于表中的列数,Dreamweaver将删除表右侧的列 - 内容和全部列。 W(宽度):
-
显示表格的宽度。您可以通过更改数字来改变宽度。您可以将宽度指定为百分比或以像素为单位的值。以百分比表示的值相对于用户浏览器窗口或任何封闭容器(例如另一个表或标记)的大小增加或减少表的大小。
如果一个表被插入到另一个容器中,例如具有固定宽度的标签或表格,则该表的大小不是基于浏览器窗口,而是基于容器。
从Dreamweaver CS4开始,不再找到H(高度)字段。作为一种最佳实践,大多数设计师不指定表格高度,因为表格的内容可能会从一个访客变为另一个访客。例如,文本的字体大小取决于用户的系统和设置。 CellPad:
-
指定单元格内容与其边框之间的空格。 CellSpace:
-
指定表格单元格之间的间距。 对齐:
-
控制网页上表格的对齐方式。选项有“默认”,“左”,“中”和“右”。通常,“默认”设置将从浏览器窗口左侧或其他容器中对齐表格。 边框:
-
控制表格边框的大小。数字越大,边界越厚。如果您希望边框不可见,请将其设置为0. 类:
-
提供对样式表选项的简单访问。 清除并转换:
-
属性检查器左下角区域的图标(单击右下角的扩展箭头查看)提供以下格式选项: 清除行高 >和
-
清除列宽 ,您可以一次删除所有高度和宽度值。 将表格宽度转换为像素 和
-
将表格宽度转换为百分比 使您可以自动将宽度设置从百分比更改为像素。像素指定一个固定的宽度;百分比设置意味着浏览器自动调整浏览器显示区域的指定百分比。 您还可以应用格式化选项,并更改表格单元格内的任何元素(如文本,图像或多媒体文件)的属性。为此,请选择元素,然后使用CSS或HTML属性检查器中的选项进行所需的更改,就像元素不在表格单元格中一样。
-