css3表格去除外边框

最新推荐文章于 2022-04-19 16:20:19 发布

!o_o!

最新推荐文章于 2022-04-19 16:20:19 发布

阅读量1.4w

点赞数 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>

!o_o!

关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
css3表格去除外边框

&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Insert title here&lt;/title&gt; &lt;style type="text/css"&gt; table{ border-c
复制链接

扫一扫