加入收藏
联系我们
关于我们
 您现在的位置: 亿聪 >> 网络学院 >> 网站设计 >> HTML/CSS >> 正文  
  网页表格深层探密         ★★★
网页表格深层探密
[ 作者:沐风工作室    转贴自:pconline    点击数:3386    更新时间:2003/8/20    文章录入:亿聪 ]
在网页制作中表格扮演了很重要的角色。你是否知道,表格还有很多的秘密呢?通过与javascript、CSS等的结合,表格还有很多巧妙的用处。

  1、用表格做流动分割线

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



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

  2、带滚动条的表格


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

标识后加上如下代码就可以了:



  当然,对应的在单元格结束



标题


这里输入文段的内容。



  3、带标题的表格


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


这里是表格的标题
这里添加表格中的内容


  几行代码就可以搞掂了!修改width值可以设置表格宽度。之间是表格的标题,你可以设置表格标题的颜色、大小等,甚至是加上个链接。标识之后,就可以任意添加表格中的内容了,同样也可以添加任意的内容,如文字、表格、图片等。

[1]

  • 上一篇文章: 没有了

  • 下一篇文章: 让css使网页图片半透明
  • 发表评论】【告诉好友】【打印此文】【关闭窗口
     最新5篇热点文章
  • Knoppix 4.0.2 免硬盘免安…[15064]

  • 通过ASP记录进行分页[19255]

  • ASP开发准则[11205]

  • ASP组件指南[11176]

  • ASP指南[11189]

  •  
     最新5篇推荐文章
  • Knoppix 4.0.2 免硬盘免安…[15064]

  • 如何让Win 2003系统更加安…[12431]

  • Nero超刻简明教程[33931]

  • PS商业实战-来杯茶,行吗?…[7074]

  • ASP深度揭密(下)[12194]

  •  
     相 关 文 章
  • 利用DW MX自带的行为制作弹…[3261]


  •   网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
        没有任何评论
    设为首页 | 加入收藏 | 关于我们 | 联系我们 | 友情链接 | 版权声明 | 管理登录
    Copyright © 2000-2022 Yicong.com.All Rights Reserved.
    亿聪 版权所有 E-mail: