CSS如何设置表格边框间的距离？border-spacing属性的使用

	
		
		
	

	
		
border-spacing: 15px:
		
使用“border-collapse:collapse”时，border-spacing属性无效：
		

			

				
姓名
				
年龄
			
			

				
Peter
				
20
			
			

				
Lois
				
20
			
		
	

效果图：

	
		
		
	

	
		
border-spacing: 15px:
		
使用“border collapse:separate”时，border spacing属性可用于设置单元格之间的间距：
		

			

				
姓名
				
年龄
			
			

				
Peter
				
20
			
			

				
Lois
				
20
			
		

		
border-spacing: 15px 30px:
		
使用两个length值（第一个值设置水平间距，第二个值设置垂直间距）：
		

			

				
姓名
				
年龄
			
			

				
Peter
				
20
			
			

				
Lois
				
20
			
		

	

效果图：

代码说明：

边框独立时（border-collapse属性设置separate时），border - spacing生效；相邻边被合并时（border-collapse属性设置collapse时），border - spacing属性无效。

以上就是本篇文章的全部内容，希望能对大家的学习有所帮助。更多精彩内容大家可以关注 第一PHP社区 相关教程栏目！！！

以上就是CSS如何设置表格边框间的距离？border-spacing属性的使用的详细内容，更多请关注 第一PHP社区 其它相关文章！