【电商项目】小竖线做法

构建盒子

• css部分

.spacer {
    width: 1px;
    height: 14px;
    background-color: #666;
    margin: 9px 15px 0;
}

• html部分用块级元素li，唤名"spacer"

<div class="fr">
                <ui>
                    <li><a href="#">我的订单</a></li>
                    <li class="spacer"></li>
                    <li><a href="#">我的品优购</a></li>
                    <li class="spacer"></li>
                    <li><a href="#">品优购会员</a></li>
                    <li class="spacer"></li>
                    <li><a href="#">企业采购</a></li>
                    <li class="spacer"></li>
                    <li><a href="#">关注品优购</a></li>
                    <li class="spacer"></li>
                    <li><a href="#">客户服务</a></li>
                    <li class="spacer"></li>
                    <li><a href="#">网站导航</a></li>
                </ui>
            </div>

标签：竖线,color,666,height,spacer,做法,电商,品优购
来源： https://www.cnblogs.com/icemiaomiao3/p/14135640.html