CSS在列表中添加分隔符

Question

我想在CSS的列表中添加分隔符（图像），如何添加它？

li{
list-style:none;
background-image:url("SlicingImage/button_unselect.png");
height: 53px;
width: 180px;
}

分隔符：

url("SlicingImage/separator.png")

产品图

HTML

 <p><img src="SlicingImage/logo.png"/>
 <li>Coffee</li>
 <li>Tea</li>
 <li>Coca Cola</li>

Answer 1

有几个选项可供使用          按钮1     分隔符1     按钮2     分隔符1     按钮3          

.buttons{
list-style:none;
background-image:url("SlicingImage/button_unselect.png");
height: 53px;
width: 180px;
}
.separator{
background-image:url("SlicingImage/separator.png");
width:5px; /*select your width */
height:53px; /*select your height */

}