设为首页  
联系我们  
加入收藏  
网页制作 冲浪宝典 图形图像 操作系统 软件教学 编程开发 认证考试 安全技术 站长专区 文学驿站 娱乐天地 游戏天地 办公软件
文章搜索
您的位置: 首页 >> 文章首页 >> 网页制作 >> CSS >> 从HTML语言到网上家园 第五章
精品推荐
CSS点击TOP10
·常用CSS大全
·DIV CSS网页布局实例解析:实现表格形式
·网页排版CSS教学
·网页特效代码:纯CSS制作的网页下拉菜单
·实现CSS图片边框效果的方法
·改变IE的字体大小设置时,页面字体不发生改变,怎样实现?
·CSS中文教程
·网页制作实例CSS用一张图片实现圆角
·让css使网页图片半透明
·网页制作小工具大全(下)
网页制作点击TOP10
·菜鸟架设动网论坛全教程
·网页模板的使用方法 (教程)
·网页对联广告代码效果大全
·初学者入门:如何学习网页制作?
·用JavaScript实现文件图片滚动效果
·常用CSS大全
·网页自动转向代码
·图片循环滚动完美解决
·DIV CSS网页布局实例解析:实现表格形式
·JS表格排序新法
精选专题

从HTML语言到网上家园 第五章

作者: 来源:网络文章 时间:2006-9-27 0:46:07

 

从HTML语言到网上家园 第五章 网页中的表格

  5.1表格的基本形式

  表格基本形式:
  〈table〉
   〈tr〉
   〈th〉……〈/th〉
   〈/tr〉
   〈tr〉
   〈td〉……〈/td〉
   〈/tr〉
  〈/table〉
  〈table〉……〈/table〉用于定义表格。〈tr〉定义表中的行,一个表中有多少行,就有多少个〈tr〉。〈th〉用于定义表头,〈td〉定义表元,表元中包含了表格的具体数据。

  5.2表格属性

  5.2.1表格边框设置

  和表格边框设置有关的〈table〉元素属性有:
  BORDER=n 定义表格边框宽度。BORDER=0 为无边框表格。
  BORDERCOLOR=color 设置表格边框颜色,当BORDER=0时此值无效。
  BORDERCOLORDARK=color 设置表格亮边框的颜色。
  BORDERCOLORLTGHT=color 设置表格暗边框的颜色。
  BORDERCOLORDARK 和BORDERCOLORLTGHT一起用来绘制三维边框,两者是相对立的,当BORDER=0时此两者无效。

例:
(1)无边框表格html代码:
〈table border="0" cellpadding="2" width=200〉
〈tr〉
〈th width="33%"〉姓名〈/th〉
〈th width="33%"〉性别〈/th〉
〈th width="34%"〉年龄〈/th〉
〈/tr〉
〈tr〉
〈td width="33%" align="center"〉李旦〈/td〉
〈td width="33%" align="center"〉男〈/td〉
〈td width="34%" align="center"〉14〈/td〉
〈/tr〉
〈/table〉
显示效果:
姓名 性别 年龄
李旦 14



(2)有边框表格html代码:
〈table align=center border="5" cellpadding="3" width=40% bordercolordark="#88DD88" bordercolorlight="#008000" bordercolor="#000080" cellspacing="3"〉
〈tr〉
〈th width="33%"〉〈font color="#000000"〉姓名〈/font〉〈/th〉
〈th width="33%"〉〈font color="#000000"〉性别〈/font〉〈/th〉
〈th width="34%"〉〈font color="#000000"〉年龄〈/font〉〈/th〉
〈/tr〉
〈tr〉
〈td width="33%" align="center"〉〈font color="#000000"〉李旦〈/font〉〈/td〉
〈td width="33%" align="center"〉〈font color="#000000"〉男〈/font〉〈/td〉
〈td width="34%" align="center"〉〈font color="#000000"〉14〈/font〉〈/td〉
〈/tr〉
〈/table〉
显示效果:
姓名 性别 年龄
李旦 14


在该表格中,外围宽边部分是表格边框,深绿色部分是亮边框,浅绿色部分是暗边框。

   以上是设置整个表格的边框和颜色,还可以为每个单元格设置独立的边框颜色。BORDERCOLOR,BORDERCOLORDARK和BORDERCOLORLTGHT属性对〈tr〉,〈td〉和〈th〉同样可用,用法与在〈table〉中相同。

例1:设置表中行元素〈tr〉的边框。
〈tr bordercolorlight="#008000" bordercolordark="#88DD88"〉
显示效果:
   
   

例2:设置表头元素〈th〉的边框。
〈th width="50%" bordercolor="#008000" bordercolorlight="#008000" bordercolordark="#88DD88" border=3〉 〈/th〉
〈th width="50%" bordercolor="#008000" border=3〉 〈/th〉
显示效果:
   
   

例3:设置表中单元格〈td〉的边框。
〈td width="50%" bordercolor="#008000" border=3〉 〈/td〉
〈td width="50%" bordercolorlight="#008000" bordercolordark="#88DD88" border=3〉 〈/td〉
显示效果:

   
   

 



从HTML语言到网上家园 第五章 相关文章:
从HTML语言到网上家园 第五章 相关软件:
特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
转载请注明来源:http://www.xgdown.com