网页表格深层探密

2008-02-23 06:06:19来源：互联网阅读 ()

　　网页制作中表格扮演了很重要的角色。您是否知道，表格更有很多的秘密呢？通过和Javascript、CSS等的结合，表格更有很多巧妙的用处。

　　1、用表格做流动分割线

　　我们知道，在网页中能够用

　　

　　标识来做分割线，也能够把表格配置为1个象素高或宽充当分割线。现在，我们将表格和Javascript结合，能够做出更生动的分割线――流动的分割线。加入以下代码，您就能够看到一条分割线，颜色在不断的流动。

　　

　　在上面的代码中，我们能够通过修改

　　标识中的height和width配置分割线的高度和长度。

　　2、带滚动条的表格

　　

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

　　

　　

　　

标识后加上如下代码就能够了：

　　

　　3、带标题的表格

　　

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

　　

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有

热门词条

最新资讯

热门关注

热门标签