表格是网页布局中的重要元素,它有丰富的属性,可以美化表格:1.边框设置:使用标签的border属性;2.大小设置,通过width和height 属性指定像素值来设置;3.背景颜色,设置bgcolor属性设置。
1.设置表格的边框
可以使用标签的border属性为表格添加边框并设置边框宽度及颜色。表格的边框按照数据单元将表格分割成单元格,边框的宽度以像素为单位。在默认情况下表格边框为0。
2.设置表格大小
如果需要表格在网页中占用适当的空间,可以通过width和height 属性指定像素值来设置表格的宽度和高度,也可以通过表格宽度占浏览器窗口的百分比来设置表格的大小。
width和height属性不但可以设置表格的大小,还可以设置表格单元格的大小,为表格单元设置width或height属性,将影响整行或整列单元的大小。
3.设置表格背景颜色
表格背景默认为白色,根据网页设计要求,设置bgcolor属性,可以设定表格背景颜色,以增加视觉效果。
4.设置表格背景图像
表格背景图像可以是GIF、JPEG或PNG三种图像格式。设置background属性,可以设定表格背景图像。
同样,可以使用bgcolor和background属性为表格中的单元格添加背景颜色或背景图像。
需要注意的是,为表格添加背景颜色或背景图像时,必须使表格中的文本数据颜色与表格的背景颜色或背景图像形成足够的反差,否则,将不容易分辨表格中的文本数据。
5.设置表格单元格间距
使用cellspacing属性可以调整表格的单元格和单元格之间的间距,使得表格布局不会显得过于紧凑。
6.设置表格单元格边距
单元格边距是指单元格中的内容与单元格边框的距离,使用cellpadding属性可以调整该距离。
7.设置表格在网页中的对齐方式
表格在网页中的位置有三种情况:居左、居中和居右。使用align属性设置表格在网页中
的对齐方式,在默认的情况下表格的对齐方式为左对齐。格式为:当表格位于页面的左侧或右侧时,文本填充在另一侧;当表格居中时,表格两边没有文本;当align属性省略时,文本在表格的下面。
8.表格数据的对齐方式
(1)行数据水平对齐。使用align属性可以设置表格中数据的水平对齐方式。如果在标签中使用align属性,将影响整行数据单元的水平对齐方式。align属性的值可以是left、center、right,默认值为left。
(2)单元格数据水平对齐。如果在某个单元格的标签中使用align属性,那么align属性将影响该单元格数据水平对齐方式。
(3)行数据垂直对齐。如果在标签中使用valign属性,那么valign属性将影响整行数据单元的垂直对齐方式,这里的valign属性的值可以是top、middle、bottom、baseline,默认值为middle。