动网论坛,站长建站首选,国内使用量最多的论坛软件 动网论坛官方技术讨论区 站长工具 申请属于您自己的免费论坛
首页 | 新闻资讯 | 网站运营 | 网络编程 | 数据库 | 服务器 | 网页设计 | 图像媒体 | 网络应用 | 搜索优化 | 资源下载 | 动网主机 | DVBOX
    本站内  互联网 ASP论坛  ASP.Net论坛  PHP论坛
   HTML → 阅读文章

 网页表格制作进阶

作者来源: 
阅读 数 545 人次 , 2006-4-27 9:47:00 


  二、网页表格制作进阶

  前面第一部分我们介绍的是表格最基本也最常用的属性,要用好表格,就必须熟悉和掌握这些最基本的属性。在对这些基本的属性有了一定的了解之后,我们再来看看表格的其他几个似乎并不常用的属性,以便对表格有一个整体的认识。事实上,即使不了解下面所讲的内容,多数情况下也不会影响你对表格的使用,所以我们只是简略的带过。

  1、拆分表格
  colspan表示该一储存格向右打通的栏数。 rowspan表示该一储存格向下打通的栏数。

看下面的表格:
第一行第一栏 第一行的第二、三栏
第二行及第三行 的 第一栏 第二行第二栏 第二行第三栏
第三行第二栏 第三行第三栏

表格代码:
<table width="450" border="1" cellspacing="0" cellpadding="2" bordercolor="#009900">
<tr>
<td>第一行第一栏</td>
<td colspan="2">第一行的第二、三栏</td>
</tr>
<tr>
<td rowspan="2">第二行及第三行 的 第一栏</td>
<td>第二行第二栏</td>
<td>第二行第三栏</td>
</tr>
<tr>
<td>第三行第二栏</td>
<td>第三行第三栏</td>
</tr>
</table>


  你可能看的不大明白。如果借助于Dreamweaver来再现表格制作过程,相信你会很快明白其中的奥秘。先制作一个三行三列的表格(这可以说是上面表格的“原形”),见下图,然后将第一行的第二、三栏合并,第二行的第一栏、第三行第一栏合并,这样就得到了上例中的表格。你可以自己动手检验一下。

第一行第一栏
第一行第二栏
第一行第三栏
第二行第一栏
第二行第二栏
第二行第三栏
第三行第一栏
第三行第二栏
第三行第三栏

  熟练掌握表格的colspan、 rowspan属性,可以随心所欲的制作出复杂的表格。


  2、表格中的标题列
  
 
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:CSS滤镜属性详解
· 下一篇:CSS滤镜:FlipH、FlipV属性
· 调色原理
· 巧用CSS制作可控闪烁效果
· CSS2 快速参考
· CSS字体与文本属性
· 根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码


关于本站 | 联系我们 | 业务合作 | 客户案例 | 诚聘英才 | 广告合作 | 收藏本站
海口动网先锋网络科技有限公司版权所有
Copyright © 2000 - 2006 Cndw.Com
中华人民共和国电信与信息服务业务经营许可证编号 琼 ICP 020077