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

技巧运用无极限 HTML表格使用从入门到精通之二

来源:远方网络 | 2005-3-16 8:03:58 | (有2013人读过)




  < td> < /td>

  < td> < /td>

  < /tr>

  < /table>

  < br>

  < table width="30%" border="1" align="center" cellpadding="1" cellspacing="2" bgcolor="#9999CC">

  < tr>

  < td>B< /td>

  < td> < /td>

  < /tr>

  < tr>

< td> < /td>

  < td> < /td>

  < /tr>

  < /table>

  < br>

  < table width="30%" border="1" align="center" cellpadding="1" cellspacing="2" bordercolor="#FFFFFF" bordercolorlight="#000000" bgcolor="#9999CC">

  < tr>

  < td>C< /td>

  < td> < /td>

  < /tr>

  < tr>

  < td> < /td>

  < td> < /td>

  < /tr>

  < /table〉

  小技巧:效果图中的凸凹效果,完全是由bordercoloer的颜色来控制的,它的颜色浅一些,有会有凸出的效果,它的颜色深一点,就会有凹陷的效果。

  隐藏表格的分隔线

  在处理表格时有时会有这样的需求,某几列、或行的内容属于同一主题,为了排列整齐将它们放在不同的行上,但是不想让表格的分隔线显示出来,有什么办法吗,其实很简单。

  隐藏水平分隔线

  < table border rules=cols cellspacing=0 align=left>

  隐藏竖直分隔线

  < table border rules=rows cellspacing=0 align=left>
隐藏全部分隔线

  < table border rules=none cellspacing=0 align=left>

  表格内容分行下载

  表格内有一些载入较慢的元素(如计数器、大图片等等)时,往往会延迟整个表格的显示。这是由IE的显示特性决定的,只有当表格内所有元素全部载入后,整个表格才得以显示。“上有政策,下有对策”,我们可以使用< tbody>< /tbody>标签把表格内容拆开,放在几个竖向相连的大表格中,把关键内容放在上面的表格中,让它们先显示,这样用户就不会因为失去耐心而关闭窗口了。

HTML热门文章排行
网站赞助商
购买此位置

 

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

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