HTML表格制作使用从入门到精通(二)

动态改变表格单元格的颜色 

　　在单元格<td>标记中加入以下代码，会动态改变单元格的颜色设置： 

　　onMouseOut="this. bgColor=’’" onMouseOver="this.bgColor=’’" 

　　在行标签<tr>标记中加入上面代码，会动态改变一行的颜色设置。 

　　<table width="50%" border="0" cellspacing="1" bgcolor="#000000"> 

　　<tr bgcolor="#FFFFFF" onMouseOver="this.bgColor=’#00CC00’" onMouseOut="this.bgColor=’#FFFFFF’"> 

　　<td> </td> 

　　<td> </td> 

　　</tr> 

　　<tr bgcolor="#FFFFFF"> 

　　<td onMouseOver="this.bgColor=’#FFFF00’" onMouseOut="this.bgColor=’#FFFFFF’"> </td> 

　　<td onMouseOver="this.bgColor=’#FFFF00’" onMouseOut="this.bgColor=’#FFFFFF’"> </td> 

　　</tr> 

　　</table〉  

　　用表格替代水平线、竖直线 

　　用表格代替水平线，插入一个表格，将高度设为1(按需要设定)，当然也可以将宽度设为1，制作竖直线。 

　　<table width="100" border="0" align="center" cellpadding="0" cellspacing="0"> 

　　<tr> 

　　<td height="1" bgcolor="#000000"></td> 

　　</tr> 

　　</table> 

　　<br> 

　　<table height="100" border="0" align="center" cellpadding="0" cellspacing="0"> 

　　<tr> 

　　<td width="1" bgcolor="#000000"></td> 

　　</tr> 

　　</table〉 

　　注意：在Dreamweaver里制作时，先将高设为1后，切换到代码窗口，将表格里的空格符去掉( )，如果不将空格去除的话，将看不到想要的效果了。