网页表格深层探密
-
网页制作中表格扮演了很重要的角色。你是否知道，表格还有很多的秘密呢？通过与Javascript、CSS等的结合，表格还有很多巧妙的用处。
1、用表格做流动分割线
我们知道，在网页中可以用
标识来做分割线，也可以把表格设置为1个象素高或宽充当分割线。现在，我们将表格与Javascript结合，可以做出更生动的分割线——流动的分割线。加入以下代码，你就可以看到一条分割线，颜色在不断的流动。
在上面的代码中，我们可以通过修改标识中的height和width设置分割线的高度和长度。
2、带滚动条的表格
看看图一的效果，可千万不要以为是IFRAME，这可是地地道道的表格！其实，这是表格和CSS结合的效果。当网页上有大段文字要显示，而又没有足够的空间时，这就派上用场了。虽然用文本框也可以实现类似效果，但却远没有用表格灵活。代码很简单，只要在单元格标识后加上如下代码就可以了： 标识前加上。我们可以更改height的值，来修改显示文段区域的高度。如以下的示例，就实现了图示的效果。
当然，对应的在单元格结束标题
这里输入文段的内容。
3、带标题的表格
看看图二的效果。通常，我们要给表格加标题，不是用单元格的方法就是用图片，很麻烦。其实，我们可以只用很一些很简单的HTML标识，就可以轻松实现给表格加标题了。这个标识似乎已被人遗忘，很少看到使用，不过它实现的效果还是很不错的。下面就来看看如何实现：
几行代码就可以搞掂了！修改width值可以设置表格宽度。之间是表格的标题，你可以设置表格标题的颜色、大小等，甚至是加上个链接。标识之后，就可以任意添加表格中的内容了，同样也可以添加任意的内容，如文字、表格、图片等。相关视频
相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么
- 文章评论
-
热门文章 没有查询到任何记录。
最新文章
页面进入效果表单
XHTML校验需要注意的6个细节CSS样式表创建美妙绝伦的网站了解XHTML DHTML SHTML之间的区别HTML小技巧的一些小技巧人气排行 容易被误解的overflow:hiddenCSS中dashed和dotted的区别CSS水平和垂直居中的几种实现方法DIV+CSS自适应高度兼容IE6,ie7,ie8和FF的解css优先级问题如何用CSS实现图片圆角化处理超链接target=_blank的使用方法Ctrl+H键的用法
查看所有0条评论>>