HTML中怎样把表格外围设为有边框，而内部不显示边框？

发布网友发布时间：2022-04-21 09:26

共5个回答

热心网友时间：2023-09-03 23:08

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;这样把他的表格边框遮住。。

热心网友时间：2023-09-03 23:08

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

热心网友时间：2023-09-03 23:08

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

<!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>

热心网友时间：2023-09-03 23:09

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

热心网友时间：2023-09-03 23:10

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