写天猫尾部部分

写天猫尾部部分

效果图

这个尾部部分分为三部分，分别是

售后保障部分

天猫支付方式等部分

友商链接，标识部分

整体书写的代码

 <!-- 尾部部分 -->
    <!-- 尾部大盒子部分 -->
    <div class="footer">
        <!-- 图片盒子部分 -->
        <div class="tmall_ensure">
            <div class="">
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
            </div>
        </div>
        <!-- 自定义列表部分 -->
        <div class="tmall_desc">
            <div class="tmao_dl">
                <dl>
                    <dt>
                        <span>购物指南</span>
                    </dt>
                    <dd>
                        <a href="#">免费注册</a>
                        <a href="#">开通支付宝</a>
                        <a href="#">支付宝充值</a>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <span>天猫保障</span>
                    </dt>
                    <dd>
                        <a href="#">发票保障</a>
                        <a href="#">售后规则</a>
                        <a href="#">缺货赔付</a>
                    </dd>
                </dl>
                <dl>
                    <dt>
                        <span>支付方式</span>
                    </dt>
                    <dd>
                        <a href="#">快捷支付</a>
                        <a href="#">信用卡</a>
                        <a href="#">余额宝</a>