如何在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：设置元素的右外边距
示例：
<!DOCTYPE html><html><head><meta charset="utf-8" /><style>div{border: 1px solid red;}.a1{margin-top: 10px;}.a2{margin-bottom: 10px;}.a3{margin-left: 10px;}.a4{margin-right: 10px;}</style></head><body><div>测试文本</div><div class="a1">测试文本</div><div class="a2">测试文本</div><div class="a3">测试文本</div><div class="a4">测试文本</div><div>测试文本</div></body></html>效果图：
css的三种引入方式
1.行内样式，最直接最简单的一种，直接对HTML标签使用style=""。2.内嵌样式，就是将CSS代码写在之间，并且用
进行声明。3.外部样式，其中链接样式是使用频率最高，最实用的样式，只需要在之间加上
看完上述内容，你们掌握如何在css中设置外边距的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注编程网行业资讯频道，感谢各位的阅读！
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
