CSS 设置空白 CSS 是一种用于设置网页样式的技术，它可以帮助我们控制网页的布局和外观。在网页设计中，空白通常被称为“间距”，它可以帮助我们在元素之间创建合适的距离，使页面更加美观和易于阅读。 在 CSS 中，空白可以通过多种方式进行设置。以下是一些常用的方法： 1. 使用 margin 属性 margin 属性用于设置元素周围的空白，它可以接受 1~4 个值。例如，将“p”元素周围的空白设置为 10px： pre { margin: 10px; } 如果您想为元素的特定方向设置不同的空白，则可以使用 margin-top、margin-bottom、margin-left、margin-right 属性。例如，以下代码将“p”元素的左边距设置为 15px： pre { margin-left: 15px; } 2. 使用 padding 属性 padding 属性用于设置元素内边距的大小，即元素内容与元素边框之间的距离。与 margin 属性类似，padding 属性也可以接受 1~4 个值。例如，以下代码将“p”元素内部的上下边距设置为 5px，左右边距设置为 10px： pre { padding: 5px 10px; } 同样，您也可以使用 padding-top、padding-bottom、padding-left、padding-right 属性来设置元素的特定方向的内边距大小。 3. 使用 line-height 属性 line-height 属性用于设置行间距，即在一行文字上下之间的距离。如果您想在段落之间添加更多的空白，您可以通过增加 line-height 的值来实现。例如，以下代码将“p”元素的行间距设置为 1.5 倍行高： pre { line-height: 1.5; } 4. 使用 border-spacing 属性 border-spacing 属性用于设置表格单元格之间的空白大小。它只适用于表格元素（table、tr、td）。例如，以下代码将表格单元格之间的水平和垂直间距均设置为 10px： pre table { border-spacing: 10px; } 以上是一些常用的设置空白的方法。使用这些属性，您可以轻松控制元素之间的间距，使您的网页看起来更加美观和易于阅读。