html网页设计表格,如何通过css让表格只有外边框,而没有内边框?
html网页设计表格,如何通过css让表格只有外边框,而没有内边框?或者只有内边框,而没有外边框..?RT:...
html网页设计表格,如何通过css让表格只有外边框,而没有内边框?
或者只有内边框,而没有外边框..?
RT: 展开
或者只有内边框,而没有外边框..?
RT: 展开
5个回答
展开全部
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;这样把他的表格边框遮住。。
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;这样把他的表格边框遮住。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
只要外边框就写个样式table{border:1px solid #ccc;}这是灰色边框，表格里面的单元格标签是td，你想要在哪个单元格里加边框就在哪个单元格里写这个样式：border:1px solid #ccc;颜色可以自己改。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
单个表格实现不了，用两重表格可以实现
<!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>
<!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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
添加下面的样式到css里（width不是必须）：
table{
border: solid gray 1px;
width: 200px;
}
table td{
bordder: none;
}
table{
border: solid gray 1px;
width: 200px;
}
table td{
bordder: none;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在css中规定table{border:样式}
把需要设定边框的单元格同意规定class=“classname"
设置.classname{border:样式}
把需要设定边框的单元格同意规定class=“classname"
设置.classname{border:样式}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
