【電商專案】小豎線做法
阿新 • • 發佈:2020-12-14
構建盒子
- 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>