|
|
1.table的主要属性
align 定义表格的对齐方式,有三个属性值center,left,right
background 定义表格的背景图案,属性值为图片的地址
bgcolor 定义表格的背景颜色,属性值是各种颜色代码
border=0 定义表格的边框宽度,属性值是数字
bordercolor 定义表格边框的颜色,属性值是各种颜色代码
cellpadding=0 定义单元格内容与单元格边框之间的距离,属性值是数字
cellspacing=0 定义表格中单元格之间的距离
width="200/50%" 定义表格的宽度,属性值是数字
2.tr的主要属性
align="left|center|right" 定义表格行的内容对齐方式
valign="top|middle|bottom|baseline" 规定表格行中内容的垂直对齐方式
bgcolor 表格行的背景颜色
bordercolor 表格行框线的颜色
bordercolordark 表格行框线的暗面颜色
bordercolorlight 表格行框线的亮面颜色
3.td的主要属性
align="left|center|right" 单元格文字的对齐
valign="top|middle|bottom|baseline" 单元格文字的垂直对齐
width="value_or_percent" 单元格的宽度,可以用点数或百分比表示
height="value_or_percent" 单元格的高度,可以用点数或百分比表示
background="image_file" 单元格的背景图案
bgcolor 单元格的背景颜色
bordercolor 单元格框线的暗面颜色
bordercolordark 单元格框线的暗面颜色
bordercolorlight 单元格框线的亮面颜色
nowarp 单元格不因单元格宽度,而进行文字的换行。
rowspan=2 表格的行合并属性
colspan=2 表格的列合并属性
<html> <head> <title>设定表格相关属性</title> </head> <body> <fieldset style="width:80%" align="center"><legend> 无名表格 </legend> <table border=1 width=80% cellpadding=0 cellspacing=0> <tr> <td rowspan=2> </tr> <tr > <td align="center">设置表格</td> <td align="center"> <table border=1 width=80% cellpadding=0 cellspacing=0> <tr bgcolor=yellow> <th>tr标记的属性</th><th>说明</th> </tr> <tr bodercolor=red> <td align="right">align="left|center|right"</td><td> 单元格文字的对齐</td> </tr> <tr> <td valign=top align="right">valign="top|middle|bottom|baseline"</td> <td align="left">单元格文字的垂直对齐<BR> 单元格文字的垂直对齐<BR> 单元格文字的垂直对齐<BR> 单元格文字的垂直对齐<BR> </td> </tr> <tr align=left> <td>bgcolor=#009900</td> <td bgcolor=#009900> 表格行的背景颜色</td> </tr> <tr align=right> <td>bordercolor=#9400D3</td> <td bordercolor=#9400D3>表格行框线的颜色</td> </tr> </table> </td> </tr> </table> </fieldset> </body> </html> |
|