如何使用display table-row拆分表行？

Question

有没有办法拆分，以便在列表之间我可以获得空间？

li{
    display: table-row;
    background: red;
}

demo

这里边缘底部，填充底部不起作用。那我怎么能分开这行呢？

问题标题清楚地描述了我不仅需要分割差距而且应该分开。

Answer 1

这是你想要的吗？

ul {
    border-spacing:5px;
}

li{
    display: table-row;
    background: red;
}

Answer 2

我通过使用像这样的伪类来解决我的问题：

li{
    display: table-row;
    background: red;
}
li:after{
    content: "";
    padding-bottom: 15px;
    display: block;
    background: #fff;
}

demo