html网页设计表格,如何通过css让表格只有外边框,而没有内边框?
或者只有内边框,而没有外边框..?
RT:
最新回答
到此为止
2024-06-06 04:12:24
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;这样把他的表格边框遮住。。
有多少爱能够胡来
2024-06-06 02:32:59
沫点点
2024-06-06 14:07:16
<!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>
七里安黥
2024-06-06 16:16:46
table{
border: solid gray 1px;
width: 200px;
}
table td{
bordder: none;
}
梦如南筏囚我终老
2024-06-06 09:42:32
把需要设定边框的单元格同意规定class=“classname"
设置.classname{border:样式}
热门标签
