网页表格深层探密
来源:百度文库 编辑:神马文学网 时间:2024/05/01 23:51:26
网页制作中表格扮演了很重要的角色。你是否知道,表格还有很多的秘密呢?通过与Javascript、CSS等的结合,表格还有很多巧妙的用处。
1、用表格做流动分割线
我们知道,在网页中可以用
标识来做分割线,也可以把表格设置为1个象素高或宽充当分割线。现在,我们将表格与Javascript结合,可以做出更生动的分割线——流动的分割线。加入以下代码,你就可以看到一条分割线,颜色在不断的流动。
在上面的代码中,我们可以通过修改标识中的height和width设置分割线的高度和长度。
3、带标题的表格
看看图二的效果。通常,我们要给表格加标题,不是用单元格的方法就是用图片,很麻烦。其实,我们可以只用很一些很简单的HTML标识,就可以轻松实现给表格加标题了。这个标识似乎已被人遗忘,很少看到使用,不过它实现的效果还是很不错的。下面就来看看如何实现:
几行代码就可以搞掂了!修改width值可以设置表格宽度。之间是表格的标题,你可以设置表格标题的颜色、大小等,甚至是加上个链接。标识之后,就可以任意添加表格中的内容了,同样也可以添加任意的内容,如文字、表格、图片等。_xyz
1、用表格做流动分割线
我们知道,在网页中可以用
标识来做分割线,也可以把表格设置为1个象素高或宽充当分割线。现在,我们将表格与Javascript结合,可以做出更生动的分割线——流动的分割线。加入以下代码,你就可以看到一条分割线,颜色在不断的流动。
在上面的代码中,我们可以通过修改
标识后加上如下代码就可以了: 当然,对应的在单元格结束 | 标识前加上。我们可以更改height的值,来修改显示文段区域的高度。如以下的示例,就实现了图示的效果。
标题 |
这里输入文段的内容。 |
3、带标题的表格
看看图二的效果。通常,我们要给表格加标题,不是用单元格的方法就是用图片,很麻烦。其实,我们可以只用很一些很简单的HTML标识,就可以轻松实现给表格加标题了。这个标识似乎已被人遗忘,很少看到使用,不过它实现的效果还是很不错的。下面就来看看如何实现:
几行代码就可以搞掂了!修改width值可以设置表格宽度。之间是表格的标题,你可以设置表格标题的颜色、大小等,甚至是加上个链接。标识之后,就可以任意添加表格中的内容了,同样也可以添加任意的内容,如文字、表格、图片等。_xyz
网页表格深层探密
网页表格特效QQ
用表格做网页
网页表格隔行换色
用表格做网页-(3)表格的嵌套
用表格做网页 -(4)表格的编辑
用表格做网页-(2)制作第二个表格
将网页表格导入到Excel中
网页表格的设计技巧总结
Dreamweaver网页制作教程:表格设计
Dreamweaver网页制作教程:表格设计
网页中单一表格横纵表头锁定的细节
网页表格中单元格线条及边框的设置
在网页上制作精美的“立体表格”
二、深入学习和使用-用表格做网页
用表格做网页-(5)完成整个页面
web应用中表格(table)可读性提升分析 | 网页设计
Dreamweaver精细化网页中表格的外观
“我爱色彩1”网页表格的制作与美化
网页中单一表格横纵表头锁定的细节1
怎样在WORD中,将从网页上复制下来的文章中的表格边框去掉
怎样在WORD中,去掉将从网页上复制下来的文章中的表格边框
网页中单一表格横纵表头锁定的细节 - 鸟食轩 - 博客园
7。HTML表格(tables)-HTML教程 网页教程与代码 站长网教程中心_www.adm...