【电商项目】小竖线做法

【电商项目】小竖线做法
构建盒子

  • 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>
上一篇:C/C++编程学习 - 第20周 ⑧ 复读机


下一篇:不愧是字节跳动技术官,算法精髓全写这本666页笔记里了,服了