表格边框探秘table及如何快速实现细线表格.doc_第1页
表格边框探秘table及如何快速实现细线表格.doc_第2页
表格边框探秘table及如何快速实现细线表格.doc_第3页
表格边框探秘table及如何快速实现细线表格.doc_第4页
免费预览已结束，剩余1页可下载查看

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

表格边框探秘table及如何快速实现细线表格一、表格中单元格之间分隔线的隐藏方法第一行第二行第三行这个表格去掉了单元格之间的纵向分隔线第第第一二三列列列这个表格去掉了单元格之间的横向分隔线横线竖线都没了这个表格去掉了单元格之间的纵向分隔线和横向分隔线其实上面的三个表格都有三行三列，隐藏分隔线的诀窍在于rules，察看这三个表格的源代码，我们可以看到标签中都有rules。 它有三个参数(cols,rows,none)，当rules=cols时，表格会隐藏纵向的分隔线，这样我们就只能看到表格的行；当rules=rows时，则 隐藏了横向的分隔线，这样我们只能看到表格的列；而当rules=none时，纵向分隔线和横向分隔线将全部隐藏。二、表格边框的隐藏普表通格这是一普通的表格不怕下雨只显示上边框下起雨来该怎么办只显示下边框上不着天下不着地只显示左、右边框两边走开老子姓王只显示上、下边框左右为难只显示左边框左右为难只显示右边框光秃秃全脱了不显示任何边框表格边框的显示与隐藏，是可以用frame参数来控制的。请注意它只控制表格的边框图，而不影晌单元格。只显示上边框 只显示下边框 只显示左、右边框 只显示上、下边框 只显示左边框 只显示右边框 不显示任何边框 三、表格边框普表通格这是一普通的表格 普 表 通 格 细表线格表格加上了漂亮的细线(利用cellspacing1像素间隙和表格与单元格背景的不同) 细 表 线 格 细表线格这和上面那个可不一样，它用的是CSS，效果却一样。(对单元格border的定义) 细 表 线 格 细表线格再进一步，把边框变成虚线，同样是CSS的神奇作用。 细 表 线 格 细线表格的扩展应用，奥妙就是在第个单元格中再套入一个表格。 立表体格立体感的表格(简单的亮暗边框设置，注意只有IE支持这种效果) 立 表 体 格 无名表格 给表格加上一个表头(应用和标签) 无名表格 表中表效果给表头再加个框(用CSS为定义一个边框) 表中表效果 表中表效果看起来和上面的一样，可是这个才是真正的表中表哦。(在中插入一个表格) 表中表效果 这一节要靠你自己去发现了，因为这样学到的东西才是真正属于自己的（我的一个偷懒的借口）。 我已经在每个表格的下面写出了重点，并在右边给出它的源代码，你可以对照着看。下面还有一 个边框会自己变颜色闪动的表格，有兴趣也研究研究吧 o下面来讲讲如何来快速的实现细线表格拉 。其实很简单啊。只要在标题那边嵌入一段小小的CSS就可以实现啦。虽然只能实现细线表格。但是一目了然。嘻嘻.table1background:#000000;/* 这边定义了表格的背景，也就是边框的颜色 */.table1 td, .table1 thbackground:#FFFFFF /* 这边定义了表格内的单元格背景是白色啦，就细线就这样出现啦 */这边你也可以定义背景为图片啦。不一样的图片会产生不一样的边框样式哦这边的表格结构是不是很清楚啦。其
人人文库> 全部分类> 教育资料 > 课设设计

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论