显示属性 - 表，行，单元格 - 如何将边框添加到每个LI的底部，现在显示为一行？

Question

我有一个无序列表，我将其显示为一个表格，以便我可以在每个li标签之前插入自定义windgbat。此列表也没有缩进，但与正常段落的左侧齐平。

如何在每个li的底部添加边框，现在每个li都显示为表格行？

我已尝试以各种方式将以下代码添加到下面的代码中，但它不会显示边框。

  

border-bottom：1px solid＃25a186;

.post-body ul{
list-style-type: none;
margin-left: 0px;
padding-left: 0em;
text-indext: -1em;
display: table;
}

.post-body li{
display: table-row;
}

.post-body ul li::before{
content:"\261e";
color: #8d8d8d;
text-align: right;
padding-right: .6em;
display: table-cell;
}

Answer 1

我终于找到了解决方案：

它使用boxshadow来模拟边框并忽略第一个li。

前两种样式适用于可能不支持CSS3的浏览器，现代浏览器可能不需要。

.post-body ul li + li{
-moz-box-shadow: 0 -1px 0 #8d8d8d;
-webkit-box-shadow: 0 -1px 0 #8d8d8d;
box-shadow: 0 -1px 0 #8d8d8d;
}