HTML表格画线控制

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