电脑爱好者,提供IT资讯信息及各类编程知识文章介绍,欢迎大家来本站学习电脑知识。 最近更新 | 联系我们 RSS订阅本站最新文章
电脑爱好者
站内搜索: 
当前位置:首页>> HTML>>HTML表格制作使用从入门到精通(二):

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

来源:网络 | 2008-7-27 | (有2888人读过)

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

  在单元格<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后,切换到代码窗口,将表格里的空格符去掉( ),如果不将空格去除的话,将看不到想要的效果了。
HTML热门文章排行
网站赞助商
购买此位置

 

关于我们 | 网站地图 | 文档一览 | 友情链接| 联系我们

Copyright © 2003-2020 电脑爱好者 版权所有 备案号:鲁ICP备09059398号