课程设计之华为商城（HTML5+CSS3）

前言

这里是 大型连续剧 课程设计系列版！该篇文章讲的是用HTML5+CSS3实现华为商城！
如果你还在为作业感到烦恼，那么我就是来帮助你的，需要帮助赶紧来call我。
文章末尾附有该篇文章的项目完整源代码！

一、效果展示

二、部分代码展示

 <div class="last all">
                    <div class="box1">
                        <ul>
                            <li><a href="#">百强企业 质量保证</a></li>
                            <li><a href="#">7天退货 15天换货</a></li>
                            <li><a href="#">48元起免运费</a></li>
                            <li><a href="#">2000家服务店 全国联保</a></li>
                        </ul>
                    </div>
                    <div class="box2">
                        <div class="x1">
                            <div class="y1">
                                <h4>购物指南</h4>
                                <ul>
                                    <li>
                                        <a href="#">免费分期</a>
                                    </li>
                                    <li>
                                        <a href="#">以旧换新</a>
                                    </li>
                                    <li>
                                        <a href="#">纵测活动</a>
                                    </li>
                                    <li>
                                        <a href="#">企业购</a>
                                    </li>
                                    <li>
                                        <a href="#">O2O采购</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="y2">
                                <h4>售后服务</h4>
                                <ul>
                                    <li>
                                        <a href="#">门店维修</a>
                                    </li>
                                    <li>
                                        <a href="#">保修政策</a>
                                    </li>
                                    <li>
                                        <a href="#">防伪查询</a>
                                    </li>
                                    <li>
                                        <a href="#">退换货政策</a>
                                    </li>
                                    <li>
                                        <a href="#">手机寄修服务</a>
                                    </li>
                                    <li>
                                        <a href="#">维修备件价格查询</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="y3">
                                <h4>维修与技术支持</h4>