css中怎么设置外边距

CSS中，设置外边距是一个很重要的技能。外边距指的是在元素与相邻元素之间的距离，它可以让你控制元素之间的间隙。在本文中，我们将学习如何设置外边距并使用预格式化标签显示代码。
要设置外边距，我们需要使用margin属性。margin属性可以控制元素周围的间距，它有四个值，分别代表上、右、下、左的距离，如下：

margin: 上 右 下 左; 

比如，下面的代码将会在p标签的上下和左右设置70像素的外边距。

p{
  margin: 70px;
} 

另外，我们也可以将margin的值缩写成两个值，如下：

margin: 上/下 左/右; 

这将会将上下设置为一个值，左右设置为一个值。例如，下面的代码会让p标签上下有100像素的外边距，左右有50像素的外边距。

p{
  margin: 100px 50px;
} 

设置外边距还可以使用单独的属性，如下：

margin-top: 像素值;
margin-right: 像素值;
margin-bottom: 像素值;
margin-left: 像素值; 

这些属性将会分别设置元素的上、右、下、左的距离。比如，下面的代码将会设置p标签的底部外边距为30像素。

p{
  margin-bottom: 30px;
} 

最后，让我们看一下如何使用预格式化标签来显示代码。预格式化标签让代码在网页上保留空格和文本格式。在HTML中，我们可以使用pre标签来达到这个目的，它会将其中的文本都视为等宽字体。
下面是一段设置外边距的代码，采用了pre标签来显示：

p{
  margin: 50px;
} 

以上就是本文介绍的内容了，通过掌握如何设置外边距和使用pre标签来显示代码，我们可以更好地控制元素之间的间距和排列方式。