html设置表格间距的方法

这篇文章主要介绍html设置表格间距的方法，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

在建平等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供成都网站设计、成都网站制作 网站设计制作按需求定制开发,公司网站建设,企业网站建设,成都品牌网站建设,网络营销推广,外贸网站制作,建平网站建设费用合理。

在html中，可以使用border-spacing属性来设置表格间距，该属性设置相邻单元格的边框间的距离（仅用于“边框分离”模式），语法格式“border-spacing:水平间距 垂直间距;”。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

在html中，可以使用border-spacing属性来设置表格间距。

border-spacing属性用于表格的边框在“分离”的状态下，设置相邻单元格的边框间的距离。

该属性会在表格边框“分离”时，设置行和单元格的边框在横向和纵向上的间距。

注：只有当表格边框各自独立（即border-collapse属性设置separate时）此属性才起作用。

属性值：

值	描述
length length	规定相邻单元的边框之间的距离。使用 px、cm 等单位。不允许使用负值。 如果定义一个 length 参数，那么定义的是水平和垂直间距。 如果定义两个 length 参数，那么第一个设置水平间距，而第二个设置垂直间距。

示例：

	
		
		
	

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

效果图：

说明：

• 该border-spacing属性的作用等同于HTML标签属性cellspacing。

• 该属性指定分隔边框模型中单元格边界之间的距离。在指定的两个长度值中，第一个是水平间隔，第二个是垂直间隔。除非 border-collapse 被设置为 separate，否则将忽略这个属性。尽管这个属性只应用于表，不过它可以由表中的所有元素继承。

html有什么特点

1、简易性：超级文本标记语言版本升级采用超集方式，从而更加灵活方便，适合初学前端开发者使用。 2、可扩展性：超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。  3、平台无关性：超级文本标记语言能够在广泛的平台上使用，这也是万维网盛行的一个原因。 4、通用性：HTML是网络的通用语言，它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。

以上是“html设置表格间距的方法”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

网站名称：html设置表格间距的方法
文章转载：http://bjjierui.cn/article/gjohdp.html