• 一阶段项目 猫天下


    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>宠喵club</title>
    <style>

    /** {
    margin:0px;
    padding:0px;

    }*/

    #top1 {
    100%;
    height:35px;
    /*border:1px solid black;*/
    border-bottom:0.1px solid #9E9E9E;
    }
    .top1 {
    600px;
    height:35px;
    /*border:1px solid black;*/
    margin-left:10px;
    text-align:center;
    line-height:35px;
    float:left;



    }
    .top2 {
    300px;
    height:35px;
    /*border:1px solid black;*/
    margin-left:410px;
    text-align:center;
    line-height:35px;
    float:left;

    }

    .top1 a:hover {
    cursor: pointer;
    color:red;
    }
    a:link {
    color:black;
    }

    .top2 a:hover{
    cursor: pointer;
    color:red;
    }
    .top3 {
    100%;
    height:130px;
    /*border:1px solid black;*/
    float:left;

    }
    .top4 {
    260px;
    height:100px;
    /*border:1px solid black;*/
    margin-top:0px;
    margin-left:55px;
    float:left;
    margin-top:3px;
    }

    .tx {
    498px;
    height:40px;
    border:1px solid red;
    float:left;
    margin-top:55px;
    margin-left:50px;


    }
    .wenben {
    background: #f65;
    height: 43px;
    92px;
    cursor: pointer;
    float: left;
    font: 18px/34px "Microsoft YaHei";
    color: #fff;
    border: none;
    margin-top:55px;
    }
    .top5 {
    450px;
    height:35px;
    /*border:1px solid black;*/
    margin-top:95px;
    margin-left:364px;
    line-height:35px;
    font-family: SimSun;
    font-size: 14px;
    color:#999;
    text-decoration: none;
    }

    .top5-right {
    180px;
    height:40px;
    /*border:1px solid black;*/
    float: left;
    margin-left:1113px;
    margin-top:-80px;
    }
    .dhh {
    100%;
    height:50px;
    /*border:1px solid black;*/
    float: left;
    background-color:#EE3B3B;
    }
    .dhh1, .dhh2, .dhh3, .dhh4, .dhh5, .dhh6 {
    130px;
    height:50px;
    /*border:1px solid black;*/
    float:left;
    text-align:center;
    line-height:50px;

    border-right:0.3px solid #9E9E9E;
    color: #FFF;
    font: 18px/44px "Microsoft YaHei";

    }

    .dhh1:hover, .dhh2:hover, .dhh3:hover, .dhh4:hover, .dhh5:hover, .dhh6:hover {
    cursor: pointer;
    background-color:#EE0000;
    }
    .dhh1 {
    margin-left:50px;
    }
    .dhh7 {
    140px;
    height:50px;
    /*border:1px solid black;*/
    float:left;
    margin-left:310px;
    text-align:center;
    line-height:50px;
    color:white;
    font: 18px/44px "Microsoft YaHei";

    }
    .dhh7:hover {
    cursor: pointer;
    background-color:#EE0000;
    }
    .center1 {
    100%;
    height:540px;
    border:1px black solid;
    }

    .center1-1 {
    margin: 0px auto;
    60%;
    height: 540px;
    }
    a{
    text-decoration: none;}
    #center {
    100%;
    height:600px;
    border:0px solid black;
    background-image:url(猫爪1.jpg);
    }
    .bottomdhh {
    100%;
    height: 121px;
    /*border:1px solid black;*/
    float: left;
    margin-top: 30px;
    }
    .biao{
    1243px;
    height:170px;
    /*border:1px solid black;*/
    float:left;
    margin-left:55px;
    border-bottom:0.5px solid gray;
    }

    .biao1{
    399px;
    height:154px;
    /*border:1px solid black;*/
    float:left;

    }
    .biao2{
    1243px;
    height:154px;
    /*border:1px solid black;*/
    float:left;
    margin-left:400px;
    margin-top:-153px;
    }
    .biao3 {
    844px;
    height:50px;
    /*border:1px solid black;*/
    float:left;
    border-bottom:0.5px solid gray;
    margin-top:10px;
    margin-left:250px;
    }
    .biao4 {
    844px;
    height:50px;
    /*border:1px solid black;*/
    float:left;
    margin-left:450px;
    }

    </style>
    </head>
    <body>
    <div id="top1">
    <div class="top1">
    <a href="一阶段项目spx.html" style="text-decoration: none;" target="_blank" >ฅ'ω'ฅ ฅ'ω'ฅ 网&nbsp;&nbsp;&nbsp;</a>
    <a href="一阶段项目spx.html" style="text-decoration: none;"target="_blank" > ฅ'ω'ฅ 商城&nbsp;&nbsp;&nbsp;</a>
    <a href="一阶段项目spx.html" style="text-decoration: none; "target="_blank" > ฅ'ω'ฅ 服务&nbsp;&nbsp;&nbsp;</a>
    <a href="一阶段项目spx.html" style="text-decoration: none; " target="_blank"> ฅ'ω'ฅ 论坛&nbsp;&nbsp;&nbsp;</a>
    <a href="一阶段项目spx.html" style="text-decoration: none; " target="_blank"> ฅ'ω'ฅ 百科&nbsp;&nbsp;&nbsp;</a>
    </div>

    <div class="top2">
    <a href="一阶段项目spx.html" style="text-decoration: none; "target="_blank" > 登录&nbsp;&nbsp;&nbsp;</a>
    <a href="一阶段项目spx.html" style="text-decoration: none; " target="_blank">注册&nbsp;&nbsp;&nbsp;</a>
    <a href="一阶段项目spx.html" style="text-decoration: none; "target="_blank" >微博&nbsp;&nbsp;&nbsp;</a>
    <a href="一阶段项目spx.html" style="text-decoration: none; " target="_blank">微信&nbsp;&nbsp;&nbsp;</a>
    <a href="一阶段项目spx.html" style="text-decoration: none;" target="_blank">手机版&nbsp;&nbsp;&nbsp;</a>
    </div>

    </div>
    <div class="top3">
    <div class="top4">
    <img src="logo.jpg"/> </div>
    <input type="text" class="tx" id="d1" name="text"/>
    <input type="submit" class="wenben" id="button" name="button" value="搜 索"/>
    <div class="top5">
    热门搜索:
    <a href="http://" target="_blank" style="text-decoration: none;"> ฅ'ω'ฅ粮</a>
    <a href="http://" target="_blank" style="text-decoration: none;"> ฅ'ω'ฅ商城</a>
    <a href="http://" target="_blank" style="text-decoration: none;">金猫</a>
    <a href="http://" target="_blank" style="text-decoration: none;">金吉拉</a>
    </div>

    <div class="top5-right">
    <img src="ad2.gif"/>
    </div>
    </div>
    <div class="dhh">
    <div class="dhh1" style="margin-left:55px;"><a href="一阶段项目spx.html" style="text-decoration: none; color: #FFF;">首页</a></div>
    <div class="dhh2"><a href="一阶段项目spx.html" style="text-decoration: none;color: #FFF "target="_blank">种类</a></div>
    <div class="dhh3"><a href="一阶段项目spx.html" style="text-decoration: none;color: #FFF "target="_blank">ฅ'ω'ฅ商城</a></div>
    <div class="dhh4"><a href="一阶段项目spx.html" style="text-decoration: none;color: #FFF "target="_blank">ฅ'ω'ฅ医生</a></div>
    <div class="dhh5"><a href="ฅ'ω'ฅ天下.html" style="text-decoration: none;color: #FFF "target="_blank">ฅ'ω'ฅ天下</a></div>
    <div class="dhh6"><a href="流浪猫.html" style="text-decoration: none;color: #FFF"target="_blank">流浪ฅ'ω'ฅ</a></div>
    <div class="dhh7"><a href="一阶段项目spx.html" style="text-decoration: none;color: #FFF "target="_blank">购物车</a></div>

    </div>
    <br />
    <br />



    <center><img src="猫7.jpg" /></center>
    <br />
    <font size="6" color="pink"face="微软雅黑"><center>ฅ'ω'ฅ天下,吸天下喵</center></font>
    <br />

    <div id="center">
    <h2><a href=""target="_blank">猫咪百科>>></a></h2>
    <hr />
    <h4><a href="家养.html"target="_blank">不是所有猫咪都适合家养</a></h4>
    <p>几乎每一个小区都可以看到流浪猫的存在。
    有些流浪猫很亲人,当你逗它们时,它们会靠在你的腿边让你任意抚摸,而有些流浪猫则一听到人走过的声音就会立马跑到草丛中。很多爱猫的人不忍看猫咪在外</p>流浪,

    于是想把它们接回家养,但你是否知道有些猫咪可能已经不再适合家养。
    <hr />
    <h4><a href="胡须.html" target="_blank">猫咪没了胡须会怎样</a></h4>
    <p>其实猫咪的家庭救急好比我们人类家庭医疗救急箱一样,我们平时对自身的一些感冒啊发烧啊都会有所了解。
    其实家里的猫咪也应该如此,这样假如猫咪有一点什么突发状况我们也可以应付的来,下面小编</p>给大家

    介绍如何对猫咪疾病急救护理。

    <hr />
    <br />

    <h2><a href=""target="_blank">养喵知识>>></a></h2>
    <hr />
    <h4><a href="买猫.html"target="_blank">买猫注意事项</a></h4>
    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;在下定决心买猫回家时,请注意:
    <ul>
    <li>猫咪尾巴是否过短,尾巴、足爪及背脊是否畸形。</li>
    <br />
    <li>四肢是否过短。</li>

    <br />
    <li>观察小猫是否有活力,动作是否灵活健康。</li>
    <br />
    <li> 查检下腹是否过瘦或异常肿大。5.检查皮毛有无发霉...</li>
    <hr />
    </ul></div>

     <div class="biao">

    </div>
    <div class="biao3"><img src="biao1.jpg.jpg" /></div>
    <div class="biao4"><img src="biao.888.jpg.jpg" /></div>
    </body>
    </html>

  • 相关阅读:
    jsp第三次作业
    C223生产版本,调用HTTP,实时传输生产版本
    在KO88结算成本之后,对特定的内部订单类型,替换默认的统驭科目
    SQL SERVER函数——表值函数的处理
    SQL SERVER行转列应用小结
    SQL SERVER里的赋值机制闲聊
    告别ADO.NET实现应用系统无缝切换的烦恼(总结篇)
    时间的起始
    用心若镜
    You get a dream...you gotta protect it.
  • 原文地址:https://www.cnblogs.com/qwer123666/p/6955727.html
Copyright © 2020-2023  润新知