如何在css中为元素设置外边距

这篇文章给大家介绍如何在css中为元素设置外边距，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

创新互联建站专业为企业提供富平网站建设、富平做网站、富平网站设计、富平网站制作等企业网站建设、网页设计与制作、富平企业网站模板建站服务，十载富平做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

css是什么意思

css是一种用来表现HTML或XML等文件样式的计算机语言，主要是用来设计网页的样式，使网页更加美化。它也是一种定义样式结构如字体、颜色、位置等的语言，并且css样式可以直接存储于HTML网页或者单独的样式单文件中，而样式规则的优先级由css根据这个层次结构决定，从而实现级联效果，发展至今，css不仅能装饰网页，也可以配合各种脚本对于网页进行格式化。

操作环境：windows10系统、css 3、thinkpad t480电脑。

在css中，可以使用margin属性来为元素添加外边距，margin属性可以定义元素周围的空间。

注意：

margin 清除周围的（外边框）元素区域。margin 没有背景颜色，是完全透明的。

margin 可以单独改变元素的上，下，左，右边距，也可以一次改变所有的属性。

如何在css中为元素设置外边距

属性值：

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中为元素设置外边距

关于如何在css中为元素设置外边距就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。

名称栏目：如何在css中为元素设置外边距
网页路径：https://www.cdcxhl.com/article8/gsgeip.html

成都网站建设公司_创新互联，为您提供App设计、营销型网站建设、用户体验、微信公众号、网站收录、面包屑导航

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容