div显示滚动条,table不显示外边框

最新推荐文章于 2023-04-24 19:18:33 发布

qq_26495107

最新推荐文章于 2023-04-24 19:18:33 发布

阅读量1.2k

点赞数

分类专栏： html前端

本文链接：https://blog.csdn.net/qq_26495107/article/details/73136500

版权

html前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

overflow-y:scroll;  竖向的
/*overflow-x:scroll;*/横向的

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>