css - CSS在列表上添加分隔符

我想在我的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>

最佳答案

有一些可用的选项
    
    按钮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 */

}

关于css - CSS在列表上添加分隔符，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20260586/