这篇博客探讨了如何使用CSS来美化表格，包括通过cellspacing和背景色差异创建细线格，通过定义单元格border实现不同效果，以及如何制作虚线边框的表格。此外，还展示了如何在单元格内嵌套表格以实现立体感和表中表的效果，以及一种自定义边框颜色闪烁的表格技巧。博客提供了源代码示例供读者学习和实践。
普
表
通
格 这是一普通的表格
| 普 | 表 |
| 通 | 格 |
细
表
线
格 表格加上了漂亮的细线
(利用cellspacing1像素间隙和表格与单元格背景的不同)
| 细 | 表 |
| 线 | 格 |
细
表
线
格 这和上面那个可不一样，它用的是CSS，效果却一样。
(对单元格border的定义)
| 细 | 表 |
| 线 | 格 |
细
表
线
格 再进一步，把边框变成虚线，同样是CSS的神奇作用。
| 细 | 表 |
细线表格的扩展应用，奥妙就是在第个单元格中再套入一个表格。
|
|
| ||
|
|
|
立
表
体
格 立体感的表格
(简单的亮暗边框设置，注意只有IE支持这种效果)
| 立 | 表 |
| 体 | 格 |
无名表格 给表格加上一个表头
(应用
和标签)| 无名表格 |
表中表效果Ⅰ 给表头再加个框
(用CSS为定义一个边框)
| 表中表效果Ⅰ |
表中表效果Ⅱ 看起来和上面的一样，可是这个才是真正的表中表哦。
(在中插入一个表格)
|
这一节要靠你自己去发现了，因为这样学到的东西才是真正属于自己的(我的一个偷懒的借口)。 我已经在每个表格的下面写出了重点，并在右边给出它的源代码，你可以对照着看。下面还有一 个边框会自己变颜色闪动的表格，有兴趣也研究研究吧 ^o^
扫一扫
2415
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
