9
回答
问一个小白问题,高手勿笑,表格边框一般怎么设置
利用AWS快速构建适用于生产的无服务器应用程序,免费试用12个月>>>   

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

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

<无标签>
举报
leetom
发帖于7年前 9回/236阅
共有9个答案 最后回答: 7年前

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

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

table border-top border-left

td  border-right border-bottom

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

这样计算width height时比较乱

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

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

 学习了

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

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

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

引用来自#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>

引用来自#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会带来计算的问题,红薯的适合需要精确大小,而且不需要对单独某个单元格设置边框样式的情况,至于你的则适合对细微差别不作要求的应用。

顶部