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

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

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

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

第第第
一二三
列列列

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



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

不怕下雨
  

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

上不着天 
 下不着地

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

左右 
为难 

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

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

相关资料更多>

  1. html5 手把手教你做游戏《熊跟蘑菇》(八)
  2. div+css 统制图片大小 防止图片撑破div
  3. 怎么实现div+css的定位与IE版本和分辨率兼容,请高手帮忙
  4. div+css背景层适应的有关问题
  5. 小弟做了一个it种的简洁的导航网站
  6. 请教有什么好办法弄到一个网站的背景图片么
  7. 中转 http://www.360doc.com/content/11/0701/14/6804692_130805017.shtml
  8. 带锁行锁列，整合行宽，排序功能的HTML
  9. html5 canvas兑现旋转的心