forget and forget

能吃能睡是福;能忘是大福......

posts - 39, comments - 26, trackbacks - 0, articles - 10
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

网页表格深层探密

Posted on 2006-03-11 14:55 橘子 阅读(339) 评论(0)  编辑  收藏 所属分类: WEB开发
网页制作中表格扮演了很重要的角色。你是否知道,表格还有很多的秘密呢?通过与Javascript、CSS等的结合,表格还有很多巧妙的用处。

  1、用表格做流动分割线

  我们知道,在网页中可以用
标识来做分割线,也可以把表格设置为1个象素高或宽充当分割线。现在,我们将表格与Javascript结合,可以做出更生动的分割线——流动的分割线。加入以下代码,你就可以看到一条分割线,颜色在不断的流动。



  在上面的代码中,我们可以通过修改 标识中的height和width设置分割线的高度和长度。

  2、带滚动条的表格



  看看图一的效果,可千万不要以为是IFRAME,这可是地地道道的表格!其实,这是表格和CSS结合的效果。当网页上有大段文字要显示,而又没有足够的空间时,这就派上用场了。虽然用文本框也可以实现类似效果,但却远没有用表格灵活。代码很简单,只要在单元格
标识后加上如下代码就可以了:



  3、带标题的表格



  看看图二的效果。通常,我们要给表格加标题,不是用单元格的方法就是用图片,很麻烦。其实,我们可以只用很一些很简单的HTML标识,就可以轻松实现给表格加标题了。这个标识似乎已被人遗忘,很少看到使用,不过它实现的效果还是很不错的。下面就来看看如何实现:

 


只有注册用户登录后才能发表评论。


网站导航: