【電商10】footer mod_copyright
阿新 • • 發佈:2020-12-21
-
一些類名不用寫父親的類
-
小豎線的巧妙間距
html
<div class="mod_copyright"> <div class="links"> <a href="#">關於我們</a>| <a href="#">聯絡我們</a>| <a href="#">聯絡客服</a>| <a href="#">商家入駐</a>| <a href="#">營銷中心</a>| <a href="#">手機品優購</a>| <a href="#">友情連結</a>| <a href="#">銷售聯盟</a>| <a href="#">品優購社群</a>| <a href="#">品優購公益</a>| <a href="#">English Site</a>| <a href="#">Contact U</a> </div> <div class="copyright"> 地址:北京市昌平區建材城西路金燕龍辦公樓一層 郵編:100096 電話:400-618-4000 傳真:010-82935100 郵箱: zhanghj+itcast.cn <br>京ICP備08001421號京公網安備110108007702 </div> </div>
common.css
.mod_copyright {
text-align: center;
padding-top: 20px;
}
.mod_copyright .links { /* 不用寫mod_copyright哩,寫了無妨 */
margin-bottom: 15px;
}
.copyright {
line-height: 20px;
}
.mod_copyright a {
margin: 0 3px; /*巧妙間距*/
}