这篇博客介绍了如何使用CSS实现表格的边框效果，包括表格整体边框、单元格左右和底部边框，以及去除最后一个单元格的右边框和最后一行的下边框。示例代码展示了如何通过CSS选择器精细化控制表格样式，并提供了简化代码的方法。同时，讨论了在没有单元格内容的情况下可以省略的属性。博客还提及了使用jQuery实现相同效果的可能性。
css 想做一个表格 效果如下
不知道如何操作
回复讨论(解决方案)
table
{
border: solid 1px black;
}
table tr td
{
border-left: 1px solid black;
border-bottom: 1px solid black;
}
11111
11111
11
11111
11111
11111
还可以简单点。。11111
11111
11
11111
11111
11111
td { border-right:1px solid #ccc; border-bottom:1px solid #ccc; width:50px; height:50px; } table { border-collapse:collapse; empty-cells:show; } td:last-child { border-right:none; } tr:last-child td { border-bottom:none; }
因为单元格没有内容，所以你实际上可以去掉
width,height
及empty-cells
因为单元格没有内容，所以你实际上可以去掉
width,height
及empty-cells
单元格实际上是有内容的
因为单元格没有内容，所以你实际上可以去掉
width,height
及empty-cells
单元格实际上是有内容的
晕，我说我写的td中没有内容。
因为单元格没有内容，所以你实际上可以去掉
width,height
及empty-cells
单元格实际上是有内容的
晕，我说我写的td中没有内容。
多谢指点, 这样的功能是否能用JS 或者jq 来实现呢
可以使用jquery来实现，当然也就可以通过js来实现。
jquery的选择器完全是遵守w3c标准的，所以我写的css选择器你一样可以用jquery的选择器来选择目标元素。
不过，不理解为什么要通过脚本来实现？
Extjs 的grid也可以设置border
br /> "http://www.w3.org/TR/html4/strict.dtd">
表格
关键代码：
进测试 ，可行，jquery实现的
本文原创发布php中文网，转载请注明出处，感谢您的尊重！
4638
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
