如何在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:设置元素的右外边距

示例:




	
		
		
	

	
		
测试文本
测试文本
测试文本
测试文本
测试文本
测试文本

效果图:

如何在css中设置外边距

css的三种引入方式

1.行内样式,最直接最简单的一种,直接对HTML标签使用style=""。2.内嵌样式,就是将CSS代码写在之间,并且用

进行声明。3.外部样式,其中链接样式是使用频率最高,最实用的样式,只需要在之间加上

就可以了。其次就是导入样式,导入样式和链接样式比较相似,采用@import样式导入CSS样式表,不建议使用。

看完上述内容,你们掌握如何在css中设置外边距的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


标题名称:如何在css中设置外边距
分享链接:http://azwzsj.com/article/pdesoj.html

其他资讯