时间:2016-01-22 10:35 来源: 我爱IT技术网 作者:佚名
本文所分享的知识点是【使用css如何操作Table没有外边框只有内边框】，欢迎您喜欢我爱IT技术网所分享的教程、知识、经验或攻略，下面是详细的讲解。
使用css如何操作Table没有外边框只有内边框
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
table{
border-collapse: collapse;
border: 0px solid #999;
}
table td {
border-top: 0;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 0;
}
table tr.lastrow td {
border-bottom: 0;
}
table tr td.lastCol {
border-right: 0;
}
</style>
</head>
<body>
<table>
<tr>
<td>姓名</td>
<td>年龄</td>
<td>籍贯</td>
<td>出生年月</td>
<td>学历</td>
<td class="lastCol">外语程度</td>
</tr>
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
<td>444</td>
<td>555</td>
<td class="lastCol">666</td>
</tr>
<tr class="lastrow">
<td>11122</td>
<td>222111</td>
<td>333444</td>
<td>444555</td>
<td>555555</td>
<td class="lastCol">666777</td>
</tr>
</table>
</body>
</html>
关于使用css如何操作Table没有外边框只有内边框的相关讨论如下：
相关问题：html怎么设置表格内边框显示外边框不显示
答：不需要这种设置，直接用css就行了，如。 语法： border-collapse : separate | collapse 取值： separate : 默认值。边框独立（标准HTML） collapse : 相邻边被合并 说明： 设置或检索表格的行和单元格的边是合并在一起还是按照标准的HTML样式分... >>详细
相关问题：如何用css设置表格内外边框不一致
答：一个设置：外边框 table{border:2px solid red} 一个设置：内边框 table td{border:1px dotted green} >>详细
相关问题：html网页设计表格,如何通过css让表格只有外边框,而...
答：table{ border:1px solid #000;/*黑色1像素粗边框*/ } td{ border:none;/*这个是单元格，不给他要边框*/ } 以上是全局的，用了以后所有的表格都是这个样式。 如果你要给特定的表格加入这个样式： 1 给那个表格加上class='classname' （classname... >>详细
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-