ul { margin: 0; padding: 0; } li { margin-bottom: 10px; }
以上是一个基本的 CSS 样式,它会将列表的外边距(margin)和内边距(padding)都设为 0,接着让每个列表项之间的下边距(margin-bottom)为 10 像素。
如果你希望列表项之间的间距更小一些,可以将 margin-bottom 的数值调小
li { margin-bottom: 5px; }
当然,如果你希望列表项之间的间距更大一些,则可以将 margin-bottom 的数值调大
li { margin-bottom: 20px; }
此外,对于有序列表(ordered list)和无序列表(unordered list)的情况还有一些特殊设置,比如可以给每个列表项加上 padding-left,这样可以让列表项的文字与列表的编号或圆点对齐。
ol, ul { margin: 0; padding: 0; } li { margin-bottom: 10px; padding-left: 20px; }
总体来说,调整列表项间距的方式并不难,只需要通过 CSS 的 margin 属性来控制即可,具体的数值则视情况而定,需要根据页面设计和实际效果来调整。