jquery - css 列表水平导航带右边框

Question

#box {
    width:160px;
    height:50px;
    background-clip:padding-box;
    position:relative;
    margin:0;
    left:1.4em;
    background:rgba(0,0,0,1);
    float:right;
    z-index:200;
}

#boxlist li {
    position:relative;
    list-style-type:none;
    display:inline-block;
    bottom:1em;
    margin-left:-2.5em;
    padding-right:1.5em;
    float:left;
    border-right:rgba(255,255,255,1) thin;
}

<header>
    <div id="box">
        <ul id="boxlist">
        <li class="imgli">
                <img src="images/banner-social-icon-twitter.png" class="boximg">
            </li>
            <li class="imgli">
                <img src="images/banner-social-icon-facebook.png" class="boximg">
            </li>
            <li class="imgli">
                <img src="images/banner-social-icon-email.png" class="boximg">
            </li>
        </ul>   
    </div>
</header>

您好，我有一个包含 3 个图像/链接的水平导航黑框。我想要在每个

之后有一个白色的右边框，但没有显示边框。

Answer 1

您在 border-rigt 属性中缺少一个属性来解释边界线的样式，例如 solid 或 dotted，例如这个:

#boxlist li {
  border-right:thin solid rgba(255,255,255,1);
}