css3表格去除外边框

!o_o!

于 2018-03-16 13:37:00 发布

阅读量1.5w

点赞数 2

文章标签： css3表格

本文链接：https://blog.csdn.net/fatniuo_o/article/details/79580560

版权

<!DOCTYPE html> 
<html> 
<head> 
 <meta charset="UTF-8"> 
 <title>Insert title here</title> 
 <style type="text/css"> 
	table{ 
		border-collapse: collapse; 
	} 
	table td { 
		border-top: 0; 
		border-right: 3px solid red; 
		border-bottom: 3px solid red; 
		border-left: 0; 
	}  
	/* css3样式，获取表格的最后一行 */
	table tr:last-child td{
		border-bottom: 0; 
	}
	/* css3样式，获取表格的最后一列 */
	table tr td:last-child{
		border-right: 0; 
	}
 </style> 
</head> 
<body> 
 <table> 
  <tr> 
    <td>姓名</td> 
    <td>年龄</td> 
	<td>籍贯</td> 
	<td>出生年月</td> 
	<td>学历</td> 
	<td>外语程度</td> 
  </tr> 
  <tr> 
	<td>111</td> 
	<td>222</td> 
	<td>333</td> 
	<td>444</td> 
	<td>555</td> 
	<td>666</td> 
  </tr> 
  <tr> 
	<td>11122</td> 
	<td>222111</td> 
	<td>333444</td> 
	<td>444555</td> 
	<td>555555</td> 
	<td>666777</td> 
  </tr> 
 </table> 
</body> 
</html>