如何在css中设置外边距

如何在css中设置外边距？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。

创新互联专注于武陵企业网站建设,成都响应式网站建设公司,成都做商城网站。武陵网站建设公司,为武陵等地区提供建站服务。全流程按需网站策划，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务

1、使用margin属性

margin简写属性在一个声明中设置所有外边距属性。该属性可以有1到4个值。

实例:

margin:10px 5px 15px 20px;

• 上边距是 10px

• 右边距是 5px

• 下边距是 15px

• 左边距是 20px

margin:10px 5px 15px;

• 上边距是 10px

• 右边距和左边距是 5px

• 下边距是 15px

margin:10px 5px;

• 上边距和下边距是 10px

• 右边距和左边距是 5px

margin:10px;

• 所有四个边距都是 10px

2、使用margin-top、margin-bottom、margin-left和margin-right属性

• margin-top：设置元素的上外边距

• margin-bottom：设置元素的下外边距

• margin-left：设置元素的左外边距

• margin-right：设置元素的右外边距

示例：

	
		
		
	

	
		
测试文本
		测试文本