顯示屬性-表格，行，單元格-如何在現在顯示為行的每個LI的底部添加邊框？

Question

我有一個無序列表，將其顯示為表格，因此可以在每個li標簽之前插入自定義windgbat。 該列表也沒有縮進，但與普通段落的左側齊平。

現在如何將每個li顯示為表格行，在每個li的底部添加邊框？

我試圖以各種方式將以下內容添加到下面的代碼中，但不會顯示邊框。

邊框底：1px實心＃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;
}