问一个小白问题,高手勿笑,表格边框一般怎么设置

leetom 发布于 2010/09/02 23:29
阅读 247
收藏 2

如果一个表格想显示所有边框,table的边框和td的边框都设置的话,同一位置就会有两条相邻的边框。

是需要设置table的上左,和所有td的下右?应该还有其他方法吧。如果是用div和span的话呢?

加载中
0
古欣
古欣

百度下 细线表格实现

0
该用户已被和谐
该用户已被和谐

table border-top border-left

td  border-right border-bottom

0
红薯
红薯

<style>
table {background:#666;}
td {background:#fff;}
</style>
<table cellpadding='1' cellspacing='1'><tr><td>aaa</td><td>bbb</td></tr></table>

0
BennyTian
BennyTian

td{

border-bottom:#ccc;

}

0
leetom
leetom

引用来自#3楼“凹凸曼”的帖子

table border-top border-left

td  border-right border-bottom

 我是这样做的,本来想有什么更简单的办法呢

这样计算width height时比较乱

0
leetom
leetom

引用来自#4楼“红薯”的帖子

<style>
table {background:#666;}
td {background:#fff;}
</style>
<table cellpadding='1' cellspacing='1'><tr><td>aaa</td><td>bbb</td></tr></table>

 学习了

0
HostSugar
HostSugar

引用来自#4楼“红薯”的帖子

<style>
table {background:#666;}
td {background:#fff;}
</style>
<table cellpadding='1' cellspacing='1'><tr><td>aaa</td><td>bbb</td></tr></table>

红薯老大的这个想法头一次见,记住了

0
轻斜
轻斜

引用来自#4楼“红薯”的帖子

<style>
table {background:#666;}
td {background:#fff;}
</style>
<table cellpadding='1' cellspacing='1'><tr><td>aaa</td><td>bbb</td></tr></table>

够非主流;

<style>
table td {border:1px solid  #000}
table {border-collapse:collapse}
</style>
<table ><tr><td>aaa</td><td>bbb</td></tr></table>

0
c
chenjia_theone

引用来自#9楼“轻斜”的帖子

 

引用来自#4楼“红薯”的帖子

<style>
table {background:#666;}
td {background:#fff;}
</style>
<table cellpadding='1' cellspacing='1'><tr><td>aaa</td><td>bbb</td></tr></table>

够非主流;

<style>
table td {border:1px solid  #000}
table {border-collapse:collapse}
</style>
<table ><tr><td>aaa</td><td>bbb</td></tr></table>

 不是非主流的问题,而是border-collapse:collapse会带来计算的问题,红薯的适合需要精确大小,而且不需要对单独某个单元格设置边框样式的情况,至于你的则适合对细微差别不作要求的应用。

返回顶部
顶部