1. 爱易网页
  2. HTML教程
  3. 网页制造基础学习：表格魔鬼教程经典版

网页制造基础学习：表格魔鬼教程经典版

日期：2013-10-18　 浏览次数：20800 次

一、表格中单元格之间分隔线的隐藏方法
第一行
第二行
第三行
这个表格去掉了单元格之间的纵向分隔线

第第第
一二三
列列列

这个表格去掉了单元格之间的横向分隔线
横 线
竖 线
都没了
这个表格去掉了单元格之间的纵向分隔线和横向分隔线
　　其实上面的三个表格都有三行三列，隐藏分隔线的诀窍在于rules，察看这三个表格的源代码，我们可以看到<>标签中都有rules。 它有三个参数(cols,rows,none)，当rules=cols时，表格会隐藏纵向的分隔线，这样我们就只能看到表格的行；当rules=rows时，则 隐藏了横向的分隔线，这样我们只能看到表格的列；而当rules=none时，纵向分隔线和横向分隔线将全部隐藏。



二、表格边框的隐藏
普表
通格
这是一普通的表格

不怕下雨
  

只显示上边框
  
下起雨来该怎样办
只显示下边框

上不着天 
 下不着地

只显示左、左边框
 两边走开
老子姓王 
只显示上、下边框

左右 
为难 

只显示左边框
 左右
 为难
只显示左边框

光秃秃 
 全脱了
不显示任何边框
表格边框的显示与隐藏，是可以用frame参数来控制的。请留意它只控制表格的边框图，而不影晌单元格。
只显示上边框 <>
只显示下边框
<>
只显示左、左边框
<>
只显示上、下边框
<>
只显示左边框
<>
只显示左边框
<>
不显示任何边框
三、表格边框
普表
通格
这是一普通的表格		<

相关资料更多>

  1. Swing干的基于YUICompressor的js,css压缩小工具
  2. 下上两个表格有相同列数，如何使下上对其
  3. vs2005在WINDOWS上编译webkit的有关问题
  4. 有了css+div，请说下什么时候还需用table?该如何处理
  5. 国外空间乱码显示效果的处置
  6. css变形有关问题
  7. CSS鍒濈骇鎰熸偀二
  8. 网站css资料样式管理
  9. [ CSS ] line-height 与垂直居中