这篇文章给大家介绍如何在css中为元素设置外边距，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。
css是什么意思
css是一种用来表现HTML或XML等文件样式的计算机语言，主要是用来设计网页的样式，使网页更加美化。它也是一种定义样式结构如字体、颜色、位置等的语言，并且css样式可以直接存储于HTML网页或者单独的样式单文件中，而样式规则的优先级由css根据这个层次结构决定，从而实现级联效果，发展至今，css不仅能装饰网页，也可以配合各种脚本对于网页进行格式化。
操作环境：windows10系统、css 3、thinkpad t480电脑。
在css中，可以使用margin属性来为元素添加外边距，margin属性可以定义元素周围的空间。
注意：
margin 清除周围的（外边框）元素区域。margin 没有背景颜色，是完全透明的。
margin 可以单独改变元素的上，下，左，右边距，也可以一次改变所有的属性。
属性值：
auto 设置浏览器边距。
length 定义一个固定的margin（使用像素，pt，em等）
% 定义一个使用百分比的边距
（学习视频分享：css视频教程）
示例：
<!DOCTYPE html><html><head><meta charset="utf-8"> <title>php.cn</title> <style>p{ background-color:yellow;}p.margin{ margin-top:100px; margin-bottom:100px; margin-right:50px; margin-left:50px;}</style></head><body><p>这是一个没有指定边距大小的段落。</p><p class="margin">这是一个指定边距大小的段落。</p></body></html>运行结果：
关于如何在css中为元素设置外边距就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
