标签：报名 otto 人才 nbsp 专业 desc gif ui设计 round
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>网页标题</title> <meta name="keywords" content="关键字列表" /> <meta name="description" content="网页描述" /> <link rel="stylesheet" type="text/css" href="" /> <script type="text/javascript"></script> <style type="text/css"> /******************清除内外边距*******************************/ *{ margin:0; padding:0; } /************************body*******************************************/ body{background:url(images/bg-body.gif) repeat-x; background-color:#F1F1F1;} .box{ width:973px; margin:0 auto;font-size:12px; } .header{ height:196px; } /***********************************top的***********************************************************/ .top{ font-size:12px;color:#0174C7; height:27px;line-height:27px; } .top span{ font-size:13px; } .top span a{border-right:1px dotted #444444; padding-right:10px; color:#444;} .top span a:link{text-decoration:none;} .top span a:hover{color:red;} .top span .bian{border:none;} .top span .a2{color:blue;} .top span .a4{color:#B22222;} /*************************************header的logo*************************************************/ .box .header .logo{ height:122px;background:url(images/bg-logo.jpg) no-repeat right bottom;} .box .header .logoL{padding-top:23px; red;margin-right:10px;} .logoC{padding-top:40px;} .logoC h2{margin-bottom:10px; color:blue;} .logoC li{float:left;list-style:none;height:20px;background:url(images/li01.png);width:72px; height:20px;line-height:20px; font-size:14px; padding-left:5px; margin-right:10px;} .logo li a:link{ text-decoration:none;} .logo li a{color:#fff;} .box .header .logoR{padding-top:16px;} .logo .clear{clear:both;} /*****************************************************导航栏*******************************************/ .header .nav ul{ height:47px;} .header .nav ul .over{overflow:hidden;} .header .nav ul li{float:left; list-style:none; height:47px; width:73px; line-height:47px;margin-right:4px; text-align:center; } .nav a{color:#fff; display:block;font-size:12px;line-height:47px;font-weight:bold;} .nav a:link{text-decoration:none;} .nav a:hover{background:url(images/menu2.gif )no-repeat;} .nav ul li a .a1{background:url(images/menu2.gif )no-repeat; } .nav ul li a .a2{width:85px; margin-right:15px;} .nav ul li a .a2:hover{background:url(images/menu1.gif) no-repeat; } /********************************zuo边的我们开学了*****************************************/ .zuo{ width:633px; padding:0 15px;background-color:#FFFFFF;border:1px solid #f00;} .zuo .t{background:url(images/jiantou.jpg) no-repeat right 14px;border-bottom:1px dotted #95BADD; height:40px;line-height:40px; } .zuo .t .span2{font-size:14px; font-family:"黑体"; line-height:40px; padding-left:3px;color:#444F6C;} .zuo .t span{font-size:22px;font-family:"黑体";color:#0174C9;padding-left:5px} .zuo .z{width:300px; margin-top:10px;} .zuo .y li{float:left; list-style:none;text-align:center; width:142px; display:block;line-height:26px;font-size:12px;text-align:center; margin:10px;} .zuo .y li a{color:#444444;} .zuo .y li a:link{text-decoration:none;} .zuo .y li .daxaio{width:142px; height:88px;} .zuo .y ul li a:hover{color:red;} /***************************you的开班信息******************************/ .box .you{background-color:#f8f8f8 ;} .you .youT{background:url(images/righttitle.gif) no-repeat; width:295px; height:35px;} .you .youT span {line-height:35px;padding-left:40px;} /***********************************youx的内容*****************************************************/ .you .youx{padding:10px;} .you .youx h5{color:#000;height:24px;line-height:24px;} .you .youx ul li{border-bottom:1px dotted #ccc; list-style:none; height:25px;line-height:25px;} .you .youx ul li a{color:#0174C9;font-size:12px;} .you .youx ul li a:link{text-decoration:none; } .you .youx ul li a:hover{color:red;} .you .youx ul li span{display:block;float:right;color:#FF0000; font-size:12px; font-weight:bold;} .you .youx ul li .span2{color:#8300FF; font-weight:bold;} /***************学院信息***********************************/ .box .school{ width:663px;height:480px; border:1px solid #00f; background:#FFFFFF;margin-top:20px;} .box .school .tupian{margin:0 auto;width:633px; } .box .school .content ul{margin:0 auto;width:633px; } .box .school .content ul li{list-style:none;float:left;width:300px;font-size:12px;height:22px;line-height:22px; list-style-image:url(images/li03.jpg); list-style-position:inside;} .box .school .content ul li a{color:#444F6C;} .box .school .content ul li a:link{text-decoration:none;} .box .school .content ul li a:hover{color:red;} .box .school .content ul li .red{color:red;} .box .school .content ul li .blue{color:blue;} .box .school .l{float:right; margin-right:10px;} /********************校园动态*********************************/ .box .dongtai{padding:10px 0 10px;border:1px solid #000;width:663px;height:280px; background-color:#fff;} .box .dongtai .title{ height:40px;line-height:40px;font-size:22px;width:633px;margin:0 auto; background:url(images/jiantou.jpg) no-repeat right 14px;} .box .dongtai .title .blue2{color:#0573C2;} .box .dongtai .divL{margin-left:15px; float:left; font-size:13px;} .box .dongtai .divL a{color:#444444;} .box .dongtai .divR h2{display:inline-block;margin-left:40px; color:#80809F;} .box .dongtai .divR ul li{width:320px;height:20px;list-style:none; float:right;} .divR a{color:#444444;} .box .dongtai .l2{float:right; margin-right:10px;} /*********学院呐喊**********/ .box .nh{border:1px solid red;height:400px;width:663px;margin-top:10px;} /*************企业招聘*********/ .box .com{border:1px solid yellow;height:900px;width:295px;margin-top:10px;float:right;} .box .pany{border:1px solid red;height:380px;} .box .pany1{border:1px solid #330066;height:500px;margin-top:10px;} /******************foooter******************/ .footer{width:100%;height:250px;background:#000;} /***************************************全局的****************************************************/ .floatL{float:left;} .floatR{ float:right;} .clear{clear:both;} .ocer{overflow:hidden;} a:link{text-decoration:none;} </style> </head> <body><!--box开始--> <div class=‘box‘> <!--头部开始--> <div class="header"> <!--top--> <div class=‘top‘> 专业的Java、.Net、PHP、C/C++、网页设计、平面设计、UI设计、iOS培训机构 <span class=‘floatR‘> <a href=‘#‘>网站首页</a><a href=‘#‘ class=‘a2‘>免费公开课</a><a href=‘#‘ class=‘a2‘>校园生活</a><a href=‘#‘ class=‘a4‘>校园生活</a><a href=‘#‘>校园生活</a><a href=‘#‘>校园生活</a><a href=‘#‘ class=‘bian‘>校园生活</a> </span> </div> <!--logo--> <div class=‘logo‘> <div class=‘logoL floatL‘> <img src="images/logo.gif"> </div> <div class=‘logoC floatL‘> <h2>PHP学院</h2> <ul class=‘over‘> <li><a href=‘#‘>北京校区</a></li> <li><a href=‘#‘>广州校区</a></li> <li><a href=‘#‘>上海校区</a></li> <li><a href=‘#‘>深圳校区</a></li> </ul> </div> <div class=‘logoR floatR‘> <img src=‘images/topword.gif‘> </div> <div class=‘clear‘></div> </div> <!--导航栏--> <div class=‘nav‘> <ul class=‘over‘> <li><a href=‘#‘ class=‘a1‘>首页</a></li> <li ><a href=‘#‘class=‘a2‘>PHP培训课程</a></li> <li><a href=‘#‘ class=‘a2‘>PHP视频下载</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> <li><a href=‘#‘>就业信息</a></li> <li><a href=‘#‘>就业信息</a></li> <li><a href=‘#‘>就业信息</a></li> <li><a href=‘#‘>就业信息</a></li> </ul> </div> <div class=‘clear‘></div> </div> <!--头部结束--> <!--左边开始--> <div class="zuo floatL"> <div class=‘t‘><span>我们开学啦</span> <span class=‘span2‘>今天我终于来到了心中向往已久的神圣学府--传智播客，开始了改变命运的征途 </span> </div> <div class=‘z floatL‘ ><a href="#"><img src=‘images/ppt1.jpg‘></a></div> <div class=‘y‘> <ul class=‘over‘> <li><a href=‘#‘><img src=‘images/img01.jpg‘ class=‘daxaio‘><br>你有你头-原则</a></li> <li><a href=‘#‘><img src=‘images/img02.jpg‘ class=‘daxaio‘><br>你有你手-原则</a></li> <li><a href=‘#‘><img src=‘images/img03.jpg‘ class=‘daxaio‘><br>你有你脚-原则</a></li> <li><a href=‘#‘><img src=‘images/img04.jpg‘ class=‘daxaio‘><br>你有你神-原则</a></li> </ul> </div> <div class=‘clear‘></div> </div> <!--左边结束--> <!--右边开始--> <div class="you floatR" > <div class=‘youT‘> <span>PHP开班信息</span> </div> <div class=‘youx‘> <h5>PHP基础班</h5> <ul class=‘over‘> <li><a href=‘#‘>北京--11月15日</a><span>爆满已开班</span></li> <li><a href=‘#‘>北京--11月15日</a><span class=‘span2‘>预约报名</span></li> </ul> <h5>PHP基础班</h5> <ul> <li><a href=‘#‘>北京--11月15日</a><span>爆满已开班</span></li> <li><a href=‘#‘>北京--11月15日</a><span class=‘span2‘>预约报名</span></li> </ul> <h5>PHP基础班</h5> <ul> <li><a href=‘#‘>北京--11月15日</a><span>预约报名</span></li> <li><a href=‘#‘>北京--11月15日</a><span>预约报名</span></li> </ul> </div> <div class=‘clear‘></div> </div> <!--右边的企业招聘开始--> <div class=‘com‘> <div class=‘pany‘></div> <div class=‘pany1‘></div> <!--右边的企业招聘结束--> </div> <!--右边结束--> <!--学院信息--> <div class="school cloatL"> <div class=‘tupian‘><img src="images/college.jpg" /></div> <div class="content"> <ul class=‘over‘> <li><a href="#"><b class="red">2013年限时钜惠,PHP基础班免费学!</b></a><img src="images/hot.gif" /></li> <li><a href="#">ci电子商城-开发速度最快的PHP框架!</a></li> <li><a href="#"><b class="blue">2013年传智播客PHP课程最新升级</b></a></li> <li><a href="#">国内首家推出企业急需六大核心技术!!</a></li> <li><a href="#"><b class="blue">学PHP编程，不做孬种程序员！</b></a></li> <li><a href="#">新年开门红,俩学员毕业入职月薪过万！</a></li> <li><a href="#">PHP学院年薪20-40万招聘讲师</a></li> <li><a href="#">传智播客PHP视频教程配套笔记，更新到第114讲</a></li> <li><a href="#">拒绝"上半天，自学半天"的教学培训</a></li> <li><a href="#">中关村大型IT人才招聘会 上千岗位任选！</a></li> </ul> <div class=‘l‘><img src=‘images/more01.gif‘ width="46" height=‘15px‘;/></div> </div> <div class="clear"></div> </div> <!--校园动态--> <div class="dongtai cloatL"> <div class="title"><span class="blue2">校园</span>动态</div> <div class="divL "><a href="#"><img src="images/img06.jpg" /><br />开拓视野,展现自我,，“非你莫属”我们来啦！</a></div> <div class="divR cloatR" > <h2>班级活动</h2> <ul class=‘over‘> <li><a href="#">PHP学院IT专场招聘会成功举办！</a></li> <li><a href="#">PHP学院学员参与录制，“非你莫属”我们来啦！</a></li> <li><a href="#">PHP学院5.07班学员登百望山有氧运动</a></li> <li><a href="#">PHP学院2.28班海奥森“HAPPY”徒步之旅</a></li> <li><a href="#">PHP学院3.30班学员香山一日游</a></li> <li><a href="#">PHP学院讲师百望山徒步之旅</a></li> <li><a href="#">PHP学院3.30班学员香山一日游</a></li> <li><a href="#">PHP学院讲师百望山徒步之旅</a></li> <li><a href="#">PHP学院讲师百望山徒步之旅</a></li> <li><a href="#">PHP学院12.29元旦晚会—不做孬种程序员</a></li> </ul> </div> <div class=‘l2‘><img src=‘images/more01.gif‘ width="46" height=‘15px‘;/></div> <div class=‘clear‘></div> </div><!--//校园动态--> <div class=‘nh‘></div> <div class=‘nh‘></div> </div> <!--box结束--> <!--footer开始--> <div class="footer"></div> <!--footer结束--> </body> </html>
标签：报名 otto 人才 nbsp 专业 desc gif ui设计 round
原文地址：http://www.cnblogs.com/lvtiansong/p/6130151.html
