css上边距和下边距怎么设置

CSS上边距和下边距怎么设置？这似乎是大家在使用CSS布局时都会遇到的问题。下面将从两方面来介绍如何设置上下边距。
1. 上边距
首先来看上边距的设置。我们可以使用margin-top属性来设置元素的上边距。例如，我们想把某个元素的上边距设置为20px，那么我们可以这样写CSS代码：

p {
    margin-top: 20px;
} 

其中，p为要设置上边距的元素选择器，margin-top为可设置的属性，20px为要设置的距离值。
此外，我们还可以使用一些其他的基于百分比或rem单位的值来设置上边距。如下：

p {
    margin-top: 10%;
    margin-top: 2rem;
} 

2. 下边距
下边距的设置和上边距的设置类似，只需将margin-top属性改为margin-bottom即可。例如，我们想把某个元素的下边距设置为30px，那么我们可以这样写CSS代码：

p {
    margin-bottom: 30px;
} 

同样的，我们也可以使用其他的基于百分比或rem单位的值来设置下边距。如下：

p {
    margin-bottom: 15%;
    margin-bottom: 3rem;
} 

综上所述，CSS中上边距和下边距的设置非常简单，只需使用margin-top和margin-bottom属性，并设置相应的距离值即可。