如何使用 CSS 中的边距（margin）属性来定义元素在网页中的边距
warning:
这篇文章距离上次修改已过193天，其中的内容可能已经有所变动。
CSS 的 margin 属性用于在元素周围创建空间，也就是定义元素与其他元素之间的距离。margin 属性可以使用四个值来分别指定元素的上、右、下、左边距，也可以使用两个值指定上下和左右的边距，或者使用一个值指定所有四个方向的边距。
CSS 代码示例：
/* 四个值语法: 上 右 下 左 */
element {
margin: 10px 20px 15px 25px;
}
/* 两个值语法: 上下 左右 */
element {
margin: 10px 20px;
}
/* 一个值语法: 所有四个方向的边距 */
element {
margin: 10px;
}
/* 单边距语法: 上 右 下 左 */
element {
margin-top: 10px;
margin-right: 20px;
margin-bottom: 15px;
margin-left: 25px;
}在 HTML 中使用：
<!DOCTYPE html>
<html>
<head>
<style>
.margin-example {
margin: 20px; /* 设置元素的边距为20px */
background-color: lightblue; /* 设置背景颜色 */
padding: 20px; /* 设置内边距 */
}
</style>
</head>
<body>
<div class="margin-example">
这是一个有边距的元素。
</div>
</body>
</html>在这个例子中，.margin-example 类定义了一个 20px 的边距，将 div 元素与其它元素区分开来。
评论已关闭