首页 > 代码库 > 一阶段项目 猫天下

一阶段项目 猫天下

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

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

}*/

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



}
.top2 {
width: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 {
width:100%;
height:130px;
/*border:1px solid black;*/
float:left;

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

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


}
.wenben {
background: #f65;
height: 43px;
width: 92px;
cursor: pointer;
float: left;
font: 18px/34px "Microsoft YaHei";
color: #fff;
border: none;
margin-top:55px;
}
.top5 {
width: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 {
width:180px;
height:40px;
/*border:1px solid black;*/
float: left;
margin-left:1113px;
margin-top:-80px;
}
.dhh {
width:100%;
height:50px;
/*border:1px solid black;*/
float: left;
background-color:#EE3B3B;
}
.dhh1, .dhh2, .dhh3, .dhh4, .dhh5, .dhh6 {
width: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 {
width: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 {
width:100%;
height:540px;
border:1px black solid;
}

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

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

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

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

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

</div>
<div class="top3">
<div class="top4">
<img src="http://www.mamicode.com/logo.jpg"/> </div>
<input type="text" class="tx" id="d1" name="text"/>
<input type="submit" class="wenben" id="button" name="button" value="http://www.mamicode.com/搜 索"/>
<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="http://www.mamicode.com/ad2.gif"/>
</div>
</div>
<div class="dhh">
<div class="dhh1" style="margin-left:55px;"><a href="http://www.mamicode.com/一阶段项目spx.html" style="text-decoration: none; color: #FFF;">首页</a></div>
<div class="dhh2"><a href="http://www.mamicode.com/一阶段项目spx.html" style="text-decoration: none;color: #FFF "target="_blank">种类</a></div>
<div class="dhh3"><a href="http://www.mamicode.com/一阶段项目spx.html" style="text-decoration: none;color: #FFF "target="_blank">?‘ω‘?商城</a></div>
<div class="dhh4"><a href="http://www.mamicode.com/一阶段项目spx.html" style="text-decoration: none;color: #FFF "target="_blank">?‘ω‘?医生</a></div>
<div class="dhh5"><a href="http://www.mamicode.com/?‘ω‘?天下.html" style="text-decoration: none;color: #FFF "target="_blank">?‘ω‘?天下</a></div>
<div class="dhh6"><a href="http://www.mamicode.com/流浪猫.html" style="text-decoration: none;color: #FFF"target="_blank">流浪?‘ω‘?</a></div>
<div class="dhh7"><a href="http://www.mamicode.com/一阶段项目spx.html" style="text-decoration: none;color: #FFF "target="_blank">购物车</a></div>

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



<center><img src="http://www.mamicode.com/猫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="http://www.mamicode.com/家养.html"target="_blank">不是所有猫咪都适合家养</a></h4>
<p>几乎每一个小区都可以看到流浪猫的存在。
有些流浪猫很亲人,当你逗它们时,它们会靠在你的腿边让你任意抚摸,而有些流浪猫则一听到人走过的声音就会立马跑到草丛中。很多爱猫的人不忍看猫咪在外</p>流浪,

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

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

<hr />
<br />

<h2><a href=""target="_blank">养喵知识>>></a></h2>
<hr />
<h4><a href="http://www.mamicode.com/买猫.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="http://www.mamicode.com/biao1.jpg.jpg" /></div>
<div class="biao4"><img src="http://www.mamicode.com/biao.888.jpg.jpg" /></div>
</body>
</html>

一阶段项目 猫天下