HTML – 如何在有序列表的项目之间添加空行？
在HTML中，有序列表（Ordered List）是一种表示有序的列表，项目会按照一定的顺序进行排列。在一些情况下，我们可能希望在有序列表的项目之间添加空行，以增加可读性或改变列表的外观。本文将讨论如何在有序列表的项目之间添加空行的方法。
使用CSS的margin属性
在HTML中，我们可以使用CSS的margin属性来为有序列表的项目之间添加空行。margin属性用于设置元素的外边距，通过设置正数值来增加空间。
ol {
margin-bottom: 10px; /* 添加空行的距离 */
}
在上面的代码中，我们为有序列表的底部外边距设置了10像素的数值，因此每个项目之间会有10像素的间隔。
使用CSS的padding属性
在有序列表中，我们还可以使用CSS的padding属性来添加空行。padding属性用于设置元素的内边距，同样通过设置正数值来添加空间。
ol li {
padding-bottom: 10px; /* 添加空行的距离 */
}
在上面的代码中，我们为有序列表的每个项目的底部内边距设置了10像素的数值，因此每个项目之间会有10像素的间隔。
使用CSS的伪元素:before
除了使用margin属性和padding属性，我们还可以使用CSS的伪元素:before来为有序列表的项目之间添加空行。
ol li:before {
content: '\a0'; /* 使用空白字符作为内容 */
display: block;
height: 10px; /* 添加空行的高度 */
}
在上面的代码中，我们使用了空白字符'\a0'作为伪元素的内容，并将其转换为块级元素（display: block），然后设置了高度为10像素的数值，以添加空行。
使用HTML的br标签
另一种在有序列表的项目之间添加空行的方法是使用HTML的br标签。br标签是一个单标签，用于在文本中插入换行。
项目1
/* 添加空行 */
项目2
在上面的代码中，我们在第一个项目的后面插入了一个br标签，以添加空行。
总结
在本文中，我们讨论了多种在有序列表的项目之间添加空行的方法。使用CSS的margin属性和padding属性可以通过设置外边距和内边距的数值来添加间隔。使用CSS的伪元素:before可以通过设置内容和高度来添加空行。使用HTML的br标签可以在项目之间插入换行。
根据您的需求，选择适合的方法来在有序列表的项目之间添加空行，以提高列表的可读性和外观。