html网页设计表格,如何通过css让表格只有外边框,而没有内边框?

html网页设计表格,如何通过css让表格只有外边框,而没有内边框?

或者只有内边框,而没有外边框..?
RT:

举报该问题

推荐答案 2010-12-15

table{
border:1px solid #000;/*黑色1像素粗边框*/
}
td{
border:none;/*这个是单元格，不给他要边框*/
}
以上是全局的，用了以后所有的表格都是这个样式。
如果你要给特定的表格加入这个样式：
1 给那个表格加上class='classname' （classname是你自己起的样式名）
2 然后在CSS里加上
.classname{
border:1px solid #000;/*黑色1像素粗边框*/
}
.classname td{
border:none;/*这个是单元格，不给他要边框*/
}

只有内边框没有外边框的话，我就只会用赖皮的方法：给table外面套一个overflow:hidden的div，宽度和高度比table小2px，给table加上margin-left:-1px;margin-right:-1px;这样把他的表格边框遮住。。

温馨提示：答案为网友推荐，仅供参考

当前网址：http://44.wendadaohang.com/zd/GZDGWYVZZ.html

其他回答

第1个回答 2010-12-14

只要外边框就写个样式table{border:1px solid #ccc;}这是灰色边框，表格里面的单元格标签是td，你想要在哪个单元格里加边框就在哪个单元格里写这个样式：border:1px solid #ccc;颜色可以自己改。

第2个回答 2019-01-22

单个表格实现不了，用两重表格可以实现

<!DOCTYPE html>
<html>
<head>
<style>
.tb1{
border:1px solid #f00000;
}
.tb1 td{
border:0;
}
.tb2{
border:1px solid;
}
.tb2 td{
border:1px solid;
}
</style>
</head>
<body>

<table class=tb1>
<tr><td> </td><td> </td></tr>
<tr><td> </td><td>
<table class=tb2><tr><td>00</td><td>11</td></tr>
<tr><td>22</td><td>33</td></tr>
</table>
</td></tr>
</table>
</body>
</html>

第3个回答 2010-12-15

添加下面的样式到css里（width不是必须）：
table{
border: solid gray 1px;
width: 200px;
}
table td{
bordder: none;
}

第4个回答 2010-12-15

在css中规定table{border:样式}
把需要设定边框的单元格同意规定class=“classname"
设置.classname{border:样式}

相似回答

大家正在搜