这篇文章主要介绍css上下间距如何调整，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

专注于为中小企业提供成都网站设计、网站制作服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业庆云免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了成百上千家企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

调整方法：1、使用line-height属性，可以设置行间的距离；2、使用margin-top和margin-bottom属性，可以设置上下外边距；3、使用padding-top和padding-bottom属性，可以设置上下内边距。

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

1、line-height设置段落上下间距

设置p标签上下间距css代码

p{ line-height:30px}

2、margin-top和margin-bottom设置段落上下间距

p{margin-top:10px;margin-bottom:10px}

经由对p标签设置margin-top和margin-bottom，从而来设置段落上下间距。

margin-top可以设置元素的顶部外边距，margin-bottom可以设置元素的底部外边距。

3、padding-top和padding-bottom设置段落上下间距

p{padding-top:10px;padding-bottom:10px}

padding-top可以设置元素的顶部内边距，padding-bottom可以设置元素的底部内边距。

示例：

	
		
		
	

	
		
			
第一段
			
第二段
			
第三段
			
第四段