博雅 

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 5     <title>网页标题</title>
 6     <meta name="keywords" content="关键字列表" />
 7     <meta name="description" content="网页描述" />
 8     <link href="css/public.css" rel="stylesheet" type="text/css" />
 9     <style type="text/css"></style>
10     <script type="text/javascript"></script>
11 </head>
12 <body>
13     <!--box开始-->
14     <div class="box">
15         <!--dao开始-->
16         <div class="dao">
17             <img src="images/logo.png" class="floatL">
18             <ul class="floatL">
19                 <li><a href="#">首页</a></li>
20                 <li><a href="#">博雅游戏</a></li>
21                 <li><a href="#">博雅新闻</a></li>
22                 <li><a href="#">关于我们</a></li>
23                 <li><a href="#">客服中心</a></li>
24                 <li><a href="#">投资者关系</a></li>
25             </ul>
26             <a href="#"><img src="images/jrwm.png" class="floatR"></a>
27         </div>
28         <!--dao结束-->
29     </div>
30     <!--box结束-->
31     <!--head开始-->
32     <div class="head"></div>
33     <!--head结束-->
34     <!--menu开始-->
35     <div class="menu">
36             <!--logo开始-->
37         <div class="logo">
38             <ul>
39                 <li class="floatL">
40                     <img  src="images/bpt1.jpg">
41                     <h4>BPT宣传片</h4>
42                     <span><a href="#">点击播放</a></span>
43                 </li>
44                 <li class="floatL">
45                     <img  src="images/bpt2.jpg">
46                     <h4>BPT宣传片</h4>
47                     <span><a href="#">点击播放</a></span>
48                 </li>
49                 <li class="floatL">
50                     <img  src="images/bpt3.jpg">
51                     <h4>BPT宣传片</h4>
52                     <span><a href="#">点击播放</a></span>
53                 </li>
54                 <li class="floatL">
55                     <img  src="images/bpt4.jpg">
56                     <h4>BPT宣传片</h4>
57                     <span><a href="#">点击播放</a></span>
58                 </li>
59             </ul>
60         </div>
61         <!--logo结束-->
62         </div>
63         <!--menu结束-->
64         <!--foot开始-->
65         <div class="foot">
66             <!--jiao开始-->
67             <div class="jiao">
68                 <ul>
69                     <li>深圳市政协副主席徐友军一行莅临博雅互动调研9/23</li>
70                     <li>深圳市政协副主席徐友军一行莅临博雅互动调研9/23</li>
71                     <li>深圳市政协副主席徐友军一行莅临博雅互动调研9/23</li>
72                     <li>深圳市政协副主席徐友军一行莅临博雅互动调研9/23</li>
73                 </ul>
74             </div>
75             <!--jiao结束-->
76             <!--ye开始-->
77             <div class="ye">
78                 <h1 class="biao">专场招聘</h1>
79                 <!--kai开始-->
80                 <div class="kai">
81                     <h3>专场招聘岗位<h3>
82                     <ul>
83                         <li><a href="#">php开发工程师</a></li>
84                         <li><a href="#">php开发工程师</a></li>
85                         <li><a href="#">php开发工程师</a></li>
86                         <li><a href="#">php开发工程师</a></li>
87                     </ul>
88                 </div>
89                 <!--kai结束-->
90             </div>
91             <!--ye结束-->
92         </div>
93         <!--foot结束-->
94 </body>
95 </html>
/*全局设置*/
body,a,ul,li,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}
ul li{list-style:none;}
a:link,a:visited{color:gray;text-decoration:none;}
a:hover{color:red;}
body{font-size:12px;background:url(../images/indexmainbg.jpg) no-repeat center bottom;}
.floatL{float:left;}
.floatR{float:right;}
/*box样式*/
.box{
    width:100%;
    height:58px
    ;background-color:#191d3a;
}
/*dao样式*/
.box .dao{
    margin:0px auto;
    width:970px;
    height:58px;
}
.box .dao ul{margin-left:28px;}
.box .dao li{
    float:left;
    width:70px;
    font-size:14px;
    line-height:58px;
    text-align:center;
    padding:0px 5px 0px 10px;
}
.box .dao .floatR{margin-top:11px;}
/*head样式*/
.head{
    width:100%;
    height:465px;background:url(../images/banner.jpg) no-repeat;
}
/*menu样式*/
.menu{
    width:1100px;
    height:280px;border-bottom:1px solid gray;
    margin:0 auto;
}
.menu ul{
    text-align:center;
    margin-left:30px;
}
.menu img{
    width:218px;
    height:130px;
}
.menu li{padding:40px 20px;}
.menu h4{
    padding:10px 0px;
    font-size:18px;
}
.menu span{
    padding:10px;
    background:url(../images/xjt.png) no-repeat right center;
}
.menu .logo a:link,a:visited{color:green;}
/*foot样式*/
.foot{
    width:1005px;
    height:500px;
    margin:50px auto;
}
.foot .jiao{
    background:url(../images/bynewsbg.jpg) no-repeat;
    width:500px;
    height:310px;
    float:left;
}
.foot .jiao ul{padding-top:120px;}
.foot .jiao li{
    padding:10px;
    font-size:18px
    ;border-bottom:1px solid gray;
}
.foot .ye{
    width:500px;
    height:310px;
    background:url(../images/zczp.jpg) no-repeat;
    float:right;
}
.foot .ye .biao{
    width:400px;
    height:28px;
    padding-top:40px;
    padding-left:80px;
}
.foot .kai{font-size:14px;}
.foot .kai a:link,a:visited{
    color:blue;
    text-decoration:underline;
}

图片太大了，没截图！

posted @ 2016-12-01 23:30  佳平  阅读(183)  评论(1)    收藏  举报