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 */