css - 如何在两条线之间平均创建边框底部

Question

我有一个：

.menuoptions {
    height:30px;
    width:225px;
    color:#666;
    line-height:40px;
    font-weight:bold;
    padding-left:10px;
    margin-top:-10px;
    border-bottom:solid 1px #FF0000;

}

但我希望底线在每个列表之间相等，而不是直接在单词下方。这可能吗？

小提琴

Answer 1

尝试这个：

CSS：

.menuoptions li:not(:last-child){
    border-bottom:solid 1px #FF0000;        
}

演示