4.2 设置表格属性(课件）-高二《网页设计与制作》同步教学（中国人民大学出版社）

4.2 设置表格属性 在绘制表格或者导入表格数据后，根据需要可能要对表格属性项进行修改设置才能达到设计的要求。下面就来介绍一下表格属性的设置方法。 4.2.1 选择表格 1、选择整个表格 选择整个表格的方法有很多种，可以参照下列方法之一进行操作： 将鼠标指针移动到表格的上方，当鼠标指针的形状变为表格形状 时，单击鼠标左键即可选中整个表格，如图所示。 将鼠标指针移动到表格的格线处，当鼠标指针的形状变为上下方向的箭头时，单击鼠标左键即可选中整个表格，如图所示。 将光标置于表格中，单击窗口左下角的<table>标记即可选中整个表格。 将光标置于表格中，在菜单栏中选择【修改】→【表格】→【选择表格】菜单命令，即可选中整个表格。 将光标置于表格之外，按住【shift】键，然后在表格中的任意处单击鼠标左键即可选择整个表格。 选中表格后，表格的外框变成粗黑色，并在右方、下方和右下方各会显示一个黑色控制点，【属性】面板也会变为表格【属性】面板，在其中可以设置表格的属性。 2、选择单元格 选择单元格既可以选择单个单元格，也可以选择一整行或者一整列，还可以选择不连续的多个单元格。 选择单个单元格，直接单击要选择的单元格即可。选择行（或列），可按如下几种操作方法进行： (1)将鼠标指针置于所要选择的行的左方（或列的上方），待鼠标指针形状变为向右（或向下）的箭头时，单击鼠标左键，则可以选中该行（或该列）。将鼠标指针置于所要选择的行的左方（或列的上方），待鼠标指针形状变为向右（或向下）的箭头时，拖曳鼠标可以选中连续的多行（或多列）。 (2)将鼠标置于待选择的单元格中，然后按住鼠标左键不放并拖动鼠标，横向拖动可以选择一行，纵向拖动可以选择一列，如果向对角线方向拖动，行和列可以同时选择。 (3)通过与【ctrl】键的结合使用，可以选择多个不连续单元格。按住【ctrl】键，然后单击需要选择的单元格，即可选中该单元格。如果想取消选择某单元格，只需在按住【ctrl】键的同时，再次单击该单元格即可。 4.2.2设置行数和列数 1、通过【属性】面板 2、通过快捷菜单 3、通过菜单栏命令 4.2.3设置表格大小 1、相对大小和绝对大小 2、改变表格大小 3、相对、绝对大小之间的转换 4、清除行高和列宽 5、设置填充和间距 4.2.4设置表格对齐方式 表格同网页中的其他元素对象一样，有三种对齐方式，即左对齐、右对齐和居中对齐，默认情况下是左对齐，为表格设置对齐方式的操作方法如下： （1）选中要设置对齐方式的表格。 （2）在表格【属性】面板上的“对齐”下拉列表框中选择一种对齐方式。 4.2.5设置表格边框 表格中的一些效果是通过设置表格边框的属性来实现的，对于表格边框，可以设置它的粗细和颜色。 1）边框的粗细 在表格【属性】面板上的“边框”问半框用来设置表格边框的粗细，默认情况下设置为1，即如果没有明确指定边框的值，则大多数浏览器按边框值为1的设置显示表格。通过改变该文本框中的数值，可以调整表格边框的粗细。如下图所示为分别将表格的边框设置为0、1和10的效果。 2）边框的颜色 表格的边框颜色默认情况下是灰色的，通过【CSS样式】面板或HTML代码可以为表格的边框选择其他的颜色。为表格边框设置颜色的操作方法如下： （1）选中要改变边框颜色的表格。 （2）切换到“代码”视图或“拆分”视图，在对应的表格代码的“<table”后按空格后输入“bordercolor=”将弹出一个颜色选择面板，如下图所示。 （3）在弹出的调色板中选择一种颜色。 设置完成后的效果如图所示。 4.2.6设置表格背景 在网页中，表格是一个独立的对象，不仅可以设置表格边框的颜色，还可以为其添加背景色或者选择背景图像。 1）添加背景色 为表格添加背景色的操作方法如下： （1）选中要添加背景色的表格。 （2）在【CSS样式】面板中，单击 【新建CSS规则】按钮 ，将弹出【新建CSS规则】对话框，在该对话框中，“选择器类型”选择“标签（重新定义HTML元素）”，“选择器名称”选择“table” 。 （3）单击【确定】按钮，将弹出【CSS规则定义】对话框。在该对话框中，选择“背景”分类，设置“Background-color ”（即背景色），如图所示。 （4）选择一种适合的背景色后，单击【确定】按钮，即可为表格添加背景色。为表格添加背景色的效果如图所示。 2）选择背景图像 将图像设置为表格的背景，具体操作方法同上述背景色的方法，只是：选中表格后，在 “Background-image”文本框中输入图像的存放路径，或者单击 按钮 ，将弹出【选择图像源文件】对话框，在该对话框中选择一幅图像作为表格的背景图像。 单击【确定】按钮返回，这时可以看到表格中已经插入了一副背景图像，如下图