html5/Css3 做一个网页康宁家具

置顶 于 2017-09-21 08:47:45 发布
阅读量577 收藏 1
点赞数
分类专栏： html5/Css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39493777/article/details/78047633
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>康宁餐具</title>
    <link href="css/style.css" rel="stylesheet">
</head>
<body>
    <div class="inner">
        <div class="hezi1">
            <img src="img/panzi.jpg">
        </div>
        <div class="hezi4">
            <div class="hezi5">
                <div class="hezi51">
                    <div class="hezi511">
                        <img src="img/link01.png"><img src="img/link02.png">
                        <img src="img/link03.png"><img src="img/link04.png">
                        <img src="img/link05.png"><img src="img/link06.png">
                        <img src="img/link07.png"><img src="img/link08.png">
                        <img src="img/link09.png">
                    </div>
                </div>
            </div>
        </div>
        <div class="hezi7">
            <img src="img/main_bg.jpg">
            <div class="hezi6">
                <p style="font-size: 21px;margin-top: 61px;margin-left: 295px">明星产品</p>
            </div>
            <div class="hezi71">
                <div class="hezi711">
                    <dl>
                        <dt><img src="img/list-01.jpg"></dt>
                        <dd style="text-align: center">Vusions晶彩透明锅</dd>
                    </dl>
                    <img src="img/campion.png" class="biao1">
                </div>
                <div class="hezi712">
                    <dl>
                        <dt><img src="img/list-02.jpg"></dt>
                        <dd style="text-align: center">Swiss Diamond瑞士钻锅</dd>
                    </dl>
                    <img src="img/campion.png" class="biao2">
                </div>
                <div class="hezi713">
                    <dl>
                        <dt><img src="img/list-03.jpg"></dt>
                        <dd style="text-align: center">Green Pan格林攀</dd>
                    </dl>
                    <img src="img/campion.png" class="biao3">
                </div>
                <div class="hezi714">
                    <dl>
                        <dt><img src="img/list-04.jpg"></dt>
                        <dd style="text-align: center">Pyrex百丽</dd>
                    </dl>
                    <img src="img/campion.png" class="biao4">
                </div>
                <div class="hezi715">
                    <dl>
                        <dt><img src="img/list-05.jpg"></dt>
                        <dd style="text-align: center">Corningware康宁锅</dd>
                    </dl>
                    <img src="img/campion.png" class="biao5">
                </div>
            </div>
            <div class="hezi72">
                <div class="hezi721">
                    <div class="hezi7211">
                        <div class="hezi72111">
                            <h4>康宁心煮艺</h4>
                        </div>
                        <div class="hezi72112">
                            <img src="img/info-01.jpg">
                        </div>
                        <div class="hezi72113">
                            <p>播出媒体：旅游卫视</p>
                            <p>首播时间：18:12-18:28<br>(周一至周五)</p>
                            <p>重播时间：03:48—04:03<br>12:50—13:05</p>
                        </div>
                        <div class="hezi72114">
                            <img src="img/more.png">
                            <p class="d4">了解更多</p>
                        </div>
                    </div>
                </div>
                <div class="hezi722">
                    <div class="hezi7221">
                        <div class="hezi72211">
                            <h4>新闻动态</h4>
                        </div>
                        <div class="hezi72212">
                            <img src="img/info-02.jpg">
                        </div>
                        <div class="hezi72213">
                            <p>2014.12.10</p>
                            <p>VISIONS晶钻锅耀世登场 开启后现代高科技</p>
                            <p>2013.09.07</p>
                            <p>乐享绿色厨房GreenPan(格林攀)引领健</p>
                        </div>
                        <div class="hezi72214">
                            <img src="img/more.png">
                            <p class="d4">了解更多</p>
                        </div>
                    </div>
                </div>
                <div class="hezi723">
                    <div class="hezi7231">
                        <div class="hezi72311">
                            <h4>活动信息</h4>
                        </div>
                        <div class="hezi72312">
                            <img src="img/info-03.jpg">
                        </div>
                        <div class="hezi72313">
                            <p>2014.12.10</p>
                            <p>康宁餐具邀您品位菜盘上的美味艺术</p>
                            <p>2013.09.07</p>
                            <p>青岛海信美国康宁餐具VIP盛典华丽登场</p>
                        </div>
                        <div class="hezi72314">
                            <img src="img/more.png">
                            <p class="d4">了解更多</p>
                        </div>
                    </div>
                </div>
                <div class="hezi724">
                    <div class="hezi7241">
                        <div class="hezi72411">
                            <h4>康宁心煮艺</h4>
                        </div>
                        <div class="hezi72412">
                            <img src="img/info-04.jpg">
                        </div>
                        <div class="hezi72413">
                            <h4>加入康宁俱乐部专享三重惊喜</h4>
                            <p>☆独家食谱</p>
                            <p>☆尊享活动</p>
                            <p>☆最新资讯</p>
                        </div>
                        <div class="hezi72414">
                            <img src="img/more.png">
                            <p class="d4">点击注册</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="hezi8">
            <div class="hezi81">
                <ul class="u1">
                    <li><h3>百年康宁</h3></li>
                    <li>品牌故事</li>
                    <li>发展历程</li>
                    <li>品牌理念</li>
                </ul>
                <ul class="u2">
                    <li><h3>品牌专区</h3></li>
                    <li>Corelle康宁餐具</li>
                    <li>CorningWare康宁锅</li>
                    <li>Visions晶彩透明锅</li>
                    <li>Swiss Diamond瑞士钻锅</li>
                    <li>Green Pan格林攀</li>
                    <li>Snapware康宁扣</li>
                    <li>Pyrex百丽</li>
                    <li>OXO</li>
                    <li>World Kitchen</li>
                </ul>
                <ul class="u3">
                    <li><h3>产品中心</h3></li>
                    <li>其他</li>
                    <li>保鲜容器</li>
                    <li>炊具</li>
                    <li>餐具</li>
                </ul>
                <ul class="u4">
                    <li><h3>明星产品</h3></li>
                    <li>新品速递</li>
                    <li>热销产品</li>
                    <li>热销套组</li>
                </ul>
                <ul class="u5">
                    <li><h3>新闻动态</h3></li>
                    <li>媒体报道</li>
                    <li>活动信息</li>
                </ul>
                <ul class="u6">
                    <li><h3>康宁心煮艺</h3></li>
                    <li>节目介绍</li>
                    <li>明星嘉宾</li>
                    <li>活动预告</li>
                    <li>节目回顾</li>
                    <li>其他节目</li>
                </ul>
                <ul class="u7">
                    <li><h3>康宁俱乐部</h3></li>
                    <li>注册会员</li>
                    <li>会员报名活动</li>
                    <li>烹饪课堂</li>
                    <li>优惠活动</li>
                    <li>健康菜谱</li>
                </ul>
            </div>
            <a href="" class="zhiding"><img src="img/goToTop.png"></a>
        </div>
        <div class="hezi9">
            <div class="hezi91">
                <div class="hezi911">
                    <p style="float: left;color: silver;font-size: 9px">Copyright© 2013 WorldKitchen,LLC.All Rights Reserved</p>
                    <p style="float: right;color: silver;font-size: 9px">隐私保护</p>
                </div>
                <div class="hezi912"><p style="float: left;color: silver;font-size: 9px">CORNINGWARE® and PYREX® are registered trademarks of Corning lncorporated used under license by World Kitchen,LLC.</p></div>
            </div>
        </div>
    </div>



    <div class="hezi2">
        <div class="hezi21">
            <div class="hezi211">
                <img src="img/logo.png" >
                <p style="float: right;padding-top: 10px;color: white;">欢迎光临美国康宁餐具官网</p>
            </div>
            <div class="hezi212">
                <div class="zi1">
                    <ul>
                        <li><a href="">返回首页</a></li>
                        <li><a href="">[注册 / 登录]</a></li>
                        <li><a href="">康宁餐具全球官网</a></li>
                        <li><a href="">联系我们 | 人才招聘</a></li>
                    </ul>
                </div>
                <div class="sou">
                    <form>
                        <input type="text" placeholder="搜索从这里开始...">
                        <button type="submit" ><img src="img/search.png"></button>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <div class="hezi3">
        <div class="hezi31">
            <ul>
                <li>百年康宁</li>
                <li>品牌专区</li>
                <li>产品中心</li>
                <li>明星产品</li>
                <li>新闻动态</li>
                <li>康宁心煮艺</li>
                <li>康宁俱乐部</li>
            </ul>
        </div>
    </div>
</body>
</html>
赛 文
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值