其他分享
首页 > 其他分享> > 【电商项目】小竖线做法

【电商项目】小竖线做法

作者:互联网


构建盒子

.spacer {
    width: 1px;
    height: 14px;
    background-color: #666;
    margin: 9px 15px 0;
}
<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