zoukankan      html  css  js  c++  java
  • 终于做出来了

      1 <!doctype html>
      2 <html lang="en">
      3 <head>
      4     <meta charset="UTF-8">
      5     <title>精英大赛2号 </title>
      6     <meta name="Keywords" content="关键字">
      7     <meta name="Despriton" content="描述">
      8     <style>
      9         *
     10         {
     11             margin: 0;
     12             padding:0;
     13         }
     14         .up
     15         {
     16             width: 1280px;
     17             font-family: "微软雅黑";
     18             font-size: 14px;
     19             margin: 0 auto;
     20         }
     21         .Navigationbar
     22         {
     23             height: 54px;
     24             overflow: hidden;
     25         }
     26         .tel
     27         {
     28             width: 314px;
     29             height: 54px;    
     30             background:url(images/白色.png) 0 0 repeat; 
     31             float: left;
     32         }
     33         .t1
     34         {
     35 
     36             float: left;
     37             padding-left: 189px;
     38             padding-top: 15px;
     39             padding-right:13px; 
     40             padding-bottom:  17px;
     41         }
     42         .Slash
     43         {
     44             float: left;
     45             height: 50px;
     46             width: 28px;
     47             float: left;
     48         }  
     49         .news
     50         {
     51             width: 133px;
     52             height: 54px;
     53             background:url(images/白色.png) 0 0 repeat; 
     54             float: left;
     55         }
     56         .n1
     57         {
     58             margin-left: 16px;
     59             margin-top: 5px;
     60         }
     61         .n2
     62         {    
     63             margin-top: 4px;
     64             margin-left: 20px;
     65         }
     66         .n3
     67         {
     68             margin-top: 4px;
     69             margin-left: 28px;
     70             color: #999999;
     71         }
     72         .gongguan
     73         {
     74             color: #999999;
     75         }
     76         .n4
     77         {
     78             margin-left: 20px;
     79             margin-top: 15px;
     80             color: #999999;
     81         }
     82         .n5
     83         {
     84             margin-left: 20px;
     85             margin-top: 15px;
     86         }
     87         .dasai
     88         {
     89             width: 294px;
     90             height: 54px;    
     91             background:url(images/白色.png) 0 0 repeat; 
     92             float: left;
     93         }
     94         .t2
     95         {
     96             float: left;
     97             padding-left: 18px;
     98             padding-top: 15px;
     99             padding-right:13px; 
    100             padding-bottom:  17px;
    101         }
    102         .first
    103         {
    104             width: 982px;
    105             margin: 0 auto;
    106         }
    107         .zuojiao
    108         {
    109             width: 27px;
    110             height: 37px;
    111             margin-top: 12px;
    112             float: left;
    113         }
    114         .dianhua
    115         {
    116             height: 17px;
    117             width: 168px;
    118             font-family: "微软雅黑";
    119             font-size: 18px;
    120             background: #003979;
    121             padding: 10px 13px;
    122             margin-top: 12px;
    123             float: left;
    124         }
    125         .youjiao
    126         {
    127             height: 27px;
    128             width: 37px;
    129             margin-top: 12px;
    130             float: left;
    131         }
    132         .kongkong
    133         {
    134             width: 527px;
    135             height: 37px;
    136             margin-top: 10px;
    137             background-color: #fff;
    138             margin-left: -10px;
    139             float: left;
    140 /*            border: 1px solid black;*/
    141         }
    142         .five,.six,.seven
    143         {
    144             font-family: "微软雅黑";
    145             font-size: 15px;
    146             color: #5f759b;
    147             width: 67px;
    148             height: 28px;
    149             margin-top:21px; 
    150             line-height: 28px;
    151         }
    152         .five
    153         {
    154             background-color: #EEEEEE;
    155             float: left;    
    156         }
    157         .wu
    158         {
    159             padding-left: 20px;
    160         }
    161         .six
    162         {
    163             background-color: #003979;
    164             margin-left: 3px;
    165             float: left;
    166         }
    167         .seven
    168         {
    169             background-color: #003979;
    170             margin-left: 3px;
    171             float: right;
    172         }
    173         .lanxian
    174         {
    175             width: 976px;
    176             border: 3px solid  #003979;
    177             float: left;
    178         }
    179         .main
    180         {
    181             width: 982px;
    182             height: 350px;
    183             background-color: #E9E9E9;
    184             float: left;
    185         }
    186         .shang
    187         {
    188             width: 918px;
    189             height: 193px;
    190             background-color: #ffffff;
    191             float: left;
    192             margin-left: 29px;
    193             margin-top: 17px;
    194         }
    195         .zuo1
    196         {
    197             width:300px;
    198             height: 143px;
    199             float: left;
    200         }
    201         .meinv
    202         {
    203             float: left;
    204             margin-top: 16px;
    205         }
    206         .information
    207         {
    208             list-style: none;
    209             font-size: 14px;
    210             font-family: "微软雅黑";
    211             font-weight: bold;
    212             overflow: hidden;
    213             padding-left: 11px;
    214             width: 112px;
    215 
    216         }
    217         .x1
    218         {
    219             color: #CA0A30;
    220             float: left;
    221         }
    222         .x2
    223         {
    224             color: black;
    225             float: left;
    226         }
    227         .in1
    228         {
    229             overflow: hidden;
    230             margin-top: 16px;
    231         }
    232         .in2
    233         {
    234             overflow: hidden;
    235             margin-top: 8px;
    236 
    237         }
    238         .in3
    239         {
    240             overflow: hidden;
    241             margin-top: 8px;
    242         }
    243         .in4
    244         {
    245             overflow: hidden;
    246             margin-top: 8px;
    247         }
    248         .dingyi
    249         {
    250             float: left;
    251             margin-left: 12px;
    252         }
    253         .zuopinmiaoshu
    254         {
    255             color: #ca0a30;
    256             margin-top: 10px;
    257         }
    258         .yidachuan
    259         {
    260             font-size: 8px;
    261             margin-top: 10px;
    262         }
    263         .shipinbofang
    264         {
    265             padding-top: 16px;
    266             margin-left: 15px;
    267             float: left;
    268         }
    269         .youcedianping
    270         {
    271             width: 284px;
    272             height: 161px;
    273             background-color:#E9E9E9;
    274             margin-left: 15px;
    275             margin-top: 16px;
    276             float: left; 
    277             position: relative;
    278         }
    279         .dianping
    280         {
    281             color: #CA0A30;
    282             font-size: 18px;
    283             font-family: "微软雅黑";
    284             font-weight: bold;
    285             position: absolute;
    286             left: 18px;
    287             top: 13px;
    288         }
    289         .neirong
    290         {
    291             position: absolute;
    292             left: 18px;
    293             top: 38px;
    294         }
    295         .xiaburenwu
    296         {
    297             width: 217px;
    298             height: 102px;
    299             background-color: #ffffff;
    300             float: left;
    301             margin-top: 15px;
    302             margin-left: 29px;
    303         }
    304         .nanyihao
    305         {
    306             width: 100px;
    307             height: 100px;
    308             border: 1px solid #cdcdcd;
    309         }
    310         .nanxin
    311         {
    312             border: 1px solid #cdcdcd;
    313             width: 113px;
    314             height: 102px;
    315             float: right;
    316         }
    317         .laoda
    318         {
    319             overflow: hidden;
    320             padding-left: 10px;
    321             padding-top: 10px;
    322             list-style: none;
    323         }
    324         .c1,.c2
    325         {
    326             font-family: "微软雅黑";
    327             font-size: 14px;
    328             font-weight: bold;
    329         }
    330         .c1
    331         {
    332             color: #ca0a30;
    333             float: left;
    334         }
    335         .c2
    336         {
    337             float: left;
    338         }
    339         .nv1
    340         {
    341             margin-left: 17px;
    342         }
    343         .nv2
    344         {
    345             margin-left: 17px;
    346         }
    347         .nv3
    348         {
    349             margin-left: 17px;
    350         }
    351         .xxx
    352         {
    353             font-size: 5px;
    354             margin-top: 8px;
    355             float: right;
    356         }
    357         .chakan
    358         {
    359             color: #CA0A30;
    360         }
    361     </style>
    362 </head>
    363 <body>
    364     <div class="up"><!-- 上部 -->
    365         <img src="images/精英大赛.jpg" alt="">
    366         <div class="Navigationbar "><!-- 导航栏 -->
    367             <div class="tel">
    368                 <p class="t1">电话邀约录音竞赛</p>
    369             </div>
    370             <div class=" Slash">
    371                 <img src="images/斜线.png" alt="">
    372             </div>
    373             <div class="news">
    374                 <p class="n1">新奇骏原创内容</p>
    375                 <p class="n2">微博分享竞赛</p>
    376             </div>
    377             <div class=" Slash">
    378                 <img src="images/斜线.png" alt="">
    379             </div>
    380             <div class="news">
    381                 <p class="n1 gongguan">网络公关软文</p>
    382                 <p class="n3">分享竞赛</p>
    383             </div>
    384             <div class=" Slash">
    385                 <img src="images/斜线.png" alt="">
    386             </div>
    387             <div class="news">
    388                 <p class="n4">车主活动竞赛</p>
    389             </div>
    390             <div class=" Slash">
    391                 <img src="images/斜线.png" alt="">
    392             </div>
    393             <div class="news">
    394                 <p class="n5">每月榜单汇总</p>
    395             </div>
    396             <div class=" Slash">
    397                 <img src="images/斜线.png" alt="">
    398             </div>
    399             <div class="dasai">
    400                 <p class="t2">大赛精彩回放</p>
    401             </div>
    402         </div>
    403     </div>
    404     <div class="first"><!-- 中间部分 -->
    405         <div class="zuojiao">
    406             <img src="images/左角.png" alt="" >
    407         </div>
    408         <div class="dianhua">电话邀约录音竞赛</div>
    409         <div class="youjiao">
    410             <img src="images/右角.png" alt="">
    411         </div>
    412         <div class="kongkong"><!-- 中间空白 -->
    413         </div>
    414         <div class="five"><!-- 五月 -->
    415             <p class="wu">5月</p>
    416         </div>
    417         <div class="six"><!-- 五月 -->
    418             <p class="wu">6月</p>
    419         </div>
    420         <div class="seven"><!-- 七月 -->
    421             <p class="wu">7月</p>
    422         </div>
    423         <div class="lanxian"><!-- 蓝线 -->        
    424         </div>
    425         <div class="main"><!-- 主体内容 -->
    426             <div class="shang"><!-- 上部分,三大图 -->
    427                 <div class="zuo1"><!-- 吴荣荣 -->
    428                     <img src="images/美女.jpg" alt="" class="meinv">
    429                     <ul class="information"><!-- 个人信息 -->
    430                         <li class="in1">
    431                             <p class="x1">姓名:</p>
    432                             <p class="x2">吴荣荣</p>
    433                         </li>
    434                         <li class="in2">
    435                             <p class="x1">年龄:</p>
    436                             <p class="x2">22</p>
    437                         </li>
    438                         <li class="in3">
    439                             <p class="x1">岗位:</p>
    440                             <p class="x2">电销员</p>
    441                         </li>
    442                         <li class="in4">
    443                             <p class="x1">专营店:</p>
    444                             <p class="x2">上饶东信</p>
    445                         </li>
    446                     </ul>
    447                     <div class="dingyi">
    448                         <p class="zuopinmiaoshu">作品描述:</p>
    449                         <p class="yidachuan">突出奇骏产品卖点,不断挖掘客户信息和邀约进店!</p>
    450                     </div>
    451                 </div>
    452                 <div class="shipinbofang"><!-- 中部,视频播放 -->
    453                     <img src="images/播放.jpg" alt="">
    454                 </div>
    455                 <div class="youcedianping"><!-- 右侧点评 -->
    456                     <p class="dianping">点评:</p>
    457                     <p class="neirong">"针对客户关于免3点盗抢险问题能为客户清晰解答,在得治客户也相对竞品CRV的时候,电销员为客户做出车型的对比,着重介绍了新奇骏的道路安全性能,最后借助周末活动药业客户到店。 "</p>
    458                 </div>
    459             </div>
    460             <div class="xiaburenwu"><!-- 下部分,人物介绍 -->
    461                 <img src="images/男一号.jpg" alt="" class="nanyihao">
    462                 <ul class="nanxin"><!-- 男一号信息 -->
    463                     <li class="laoda">
    464                         <p class="c1">姓名:</p>
    465                         <p class="c2">吴荣荣</p>
    466                     </li>
    467                     <li class="laoda">
    468                         <p class="c1">年龄:</p>
    469                         <p class="c2">22</p>
    470                     </li>
    471                     <li class="laoda">
    472                         <p class="c1">岗位:</p>
    473                         <p class="c2">电销员</p>
    474                     </li>
    475                 </ul>
    476             </div>
    477             <div class="xiaburenwu nv1"><!-- 下部分,人物介绍 -->
    478                 <img src="images/女一号.jpg" alt="" class="nanyihao">
    479                 <ul class="nanxin"><!-- 女一号信息 -->
    480                     <li class="laoda">
    481                         <p class="c1">姓名:</p>
    482                         <p class="c2">吴荣荣</p>
    483                     </li>
    484                     <li class="laoda">
    485                         <p class="c1">年龄:</p>
    486                         <p class="c2">22</p>
    487                     </li>
    488                     <li class="laoda">
    489                         <p class="c1">岗位:</p>
    490                         <p class="c2">电销员</p>
    491                     </li>
    492                 </ul>
    493             </div>
    494             <div class="xiaburenwu nv2"><!-- 下部分,人物介绍 -->
    495                 <img src="images/女二号.jpg" alt="" class="nanyihao">
    496                 <ul class="nanxin"><!-- 女一号信息 -->
    497                     <li class="laoda">
    498                         <p class="c1">姓名:</p>
    499                         <p class="c2">吴荣荣</p>
    500                     </li>
    501                     <li class="laoda">
    502                         <p class="c1">年龄:</p>
    503                         <p class="c2">22</p>
    504                     </li>
    505                     <li class="laoda">
    506                         <p class="c1">岗位:</p>
    507                         <p class="c2">电销员</p>
    508                     </li>
    509                 </ul>
    510             </div>
    511             <div class="xiaburenwu nv3"><!-- 下部分,人物介绍 -->
    512                 <img src="images/女四号.jpg" alt="" class="nanyihao">
    513                 <ul class="nanxin"><!-- 女四号信息 -->
    514                     <li class="laoda">
    515                         <p class="c1">姓名:</p>
    516                         <p class="c2">吴荣荣</p>
    517                     </li>
    518                     <li class="laoda">
    519                         <p class="c1">年龄:</p>
    520                         <p class="c2">22</p>
    521                     </li>
    522                     <li class="laoda">
    523                         <p class="c1">岗位:</p>
    524                         <p class="c2">电销员</p>
    525                     </li>
    526                 </ul>
    527             </div>
    528         </div>
    529     </div>
    530     <!-- 第二部分 -->
    531     <div class="first"><!-- 中间部分 -->
    532         <div class="zuojiao">
    533             <img src="images/左角.png" alt="" >
    534         </div>
    535         <div class="dianhua">电话邀约录音竞赛</div>
    536         <div class="youjiao">
    537             <img src="images/右角.png" alt="">
    538         </div>
    539         <div class="kongkong"><!-- 中间空白 -->
    540         </div>
    541         <div class="five"><!-- 五月 -->
    542             <p class="wu">5月</p>
    543         </div>
    544         <div class="six"><!-- 五月 -->
    545             <p class="wu">6月</p>
    546         </div>
    547         <div class="seven"><!-- 七月 -->
    548             <p class="wu">7月</p>
    549         </div>
    550         <div class="lanxian"><!-- 蓝线 -->        
    551         </div>
    552         <div class="main"><!-- 主体内容 -->
    553             <div class="shang"><!-- 上部分,三大图 -->
    554                 <div class="zuo1"><!-- 吴荣荣 -->
    555                     <img src="images/靓女.jpg" alt="" class="meinv">
    556                     <ul class="information"><!-- 个人信息 -->
    557                         <li class="in1">
    558                             <p class="x1">姓名:</p>
    559                             <p class="x2">杨璐</p>
    560                         </li>
    561                         <li class="in2">
    562                             <p class="x1">年龄:</p>
    563                             <p class="x2">32 </p>
    564                         </li>
    565                         <li class="in3">
    566                             <p class="x1">岗位:</p>
    567                             <p class="x2">电销员</p>
    568                         </li>
    569                         <li class="in4">
    570                             <p class="x1">专营店:</p>
    571                             <p class="x2">上饶东信</p>
    572                         </li>
    573                     </ul>
    574                     <div class="dingyi">
    575                         <p class="zuopinmiaoshu">作品描述:</p>
    576                         <p class="yidachuan xxx">吃货小伙伴终于等到舌尖2开播啦,有没有立马收拾行囊,踏上探寻没事之路的冲动呢......
    577                     <span class="chakan">查看详情>></span>
    578                         </p>
    579                     </div>
    580                 </div>
    581                 <div class="shipinbofang"><!-- 中部,视频播放 -->
    582                     <img src="images/汽车.jpg" alt="">
    583                 </div>
    584                 <div class="youcedianping"><!-- 右侧点评 -->
    585                     <p class="dianping">点评:</p>
    586                     <p class="neirong">"用时下热门的节目舌尖2,呆出奇骏自驾。"</p>
    587                 </div>
    588             </div>
    589             <div class="xiaburenwu"><!-- 下部分,人物介绍 -->
    590                 <img src="images/男一号.jpg" alt="" class="nanyihao">
    591                 <ul class="nanxin"><!-- 男一号信息 -->
    592                     <li class="laoda">
    593                         <p class="c1">姓名:</p>
    594                         <p class="c2">吴荣荣</p>
    595                     </li>
    596                     <li class="laoda">
    597                         <p class="c1">年龄:</p>
    598                         <p class="c2">22</p>
    599                     </li>
    600                     <li class="laoda">
    601                         <p class="c1">岗位:</p>
    602                         <p class="c2">电销员</p>
    603                     </li>
    604                 </ul>
    605             </div>
    606             <div class="xiaburenwu nv1"><!-- 下部分,人物介绍 -->
    607                 <img src="images/女一号.jpg" alt="" class="nanyihao">
    608                 <ul class="nanxin"><!-- 女一号信息 -->
    609                     <li class="laoda">
    610                         <p class="c1">姓名:</p>
    611                         <p class="c2">吴荣荣</p>
    612                     </li>
    613                     <li class="laoda">
    614                         <p class="c1">年龄:</p>
    615                         <p class="c2">22</p>
    616                     </li>
    617                     <li class="laoda">
    618                         <p class="c1">岗位:</p>
    619                         <p class="c2">电销员</p>
    620                     </li>
    621                 </ul>
    622             </div>
    623             <div class="xiaburenwu nv2"><!-- 下部分,人物介绍 -->
    624                 <img src="images/女二号.jpg" alt="" class="nanyihao">
    625                 <ul class="nanxin"><!-- 女一号信息 -->
    626                     <li class="laoda">
    627                         <p class="c1">姓名:</p>
    628                         <p class="c2">吴荣荣</p>
    629                     </li>
    630                     <li class="laoda">
    631                         <p class="c1">年龄:</p>
    632                         <p class="c2">22</p>
    633                     </li>
    634                     <li class="laoda">
    635                         <p class="c1">岗位:</p>
    636                         <p class="c2">电销员</p>
    637                     </li>
    638                 </ul>
    639             </div>
    640             <div class="xiaburenwu nv3"><!-- 下部分,人物介绍 -->
    641                 <img src="images/女四号.jpg" alt="" class="nanyihao">
    642                 <ul class="nanxin"><!-- 女四号信息 -->
    643                     <li class="laoda">
    644                         <p class="c1">姓名:</p>
    645                         <p class="c2">吴荣荣</p>
    646                     </li>
    647                     <li class="laoda">
    648                         <p class="c1">年龄:</p>
    649                         <p class="c2">22</p>
    650                     </li>
    651                     <li class="laoda">
    652                         <p class="c1">岗位:</p>
    653                         <p class="c2">电销员</p>
    654                     </li>
    655                 </ul>
    656             </div>
    657         </div>
    658     </div>
    659     <!-- 第三部分 -->
    660     <div class="first"><!-- 中间部分 -->
    661         <div class="zuojiao">
    662             <img src="images/左角.png" alt="" >
    663         </div>
    664         <div class="dianhua">电话邀约录音竞赛</div>
    665         <div class="youjiao">
    666             <img src="images/右角.png" alt="">
    667         </div>
    668         <div class="kongkong"><!-- 中间空白 -->
    669         </div>
    670         <div class="five"><!-- 五月 -->
    671             <p class="wu">5月</p>
    672         </div>
    673         <div class="six"><!-- 五月 -->
    674             <p class="wu">6月</p>
    675         </div>
    676         <div class="seven"><!-- 七月 -->
    677             <p class="wu">7月</p>
    678         </div>
    679         <div class="lanxian"><!-- 蓝线 -->        
    680         </div>
    681         <div class="main"><!-- 主体内容 -->
    682             <div class="shang"><!-- 上部分,三大图 -->
    683                 <div class="zuo1"><!-- 吴荣荣 -->
    684                     <img src="images/靓女.jpg" alt="" class="meinv">
    685                     <ul class="information"><!-- 个人信息 -->
    686                         <li class="in1">
    687                             <p class="x1">姓名:</p>
    688                             <p class="x2">杨璐</p>
    689                         </li>
    690                         <li class="in2">
    691                             <p class="x1">年龄:</p>
    692                             <p class="x2">32 </p>
    693                         </li>
    694                         <li class="in3">
    695                             <p class="x1">岗位:</p>
    696                             <p class="x2">电销员</p>
    697                         </li>
    698                         <li class="in4">
    699                             <p class="x1">专营店:</p>
    700                             <p class="x2">上饶东信</p>
    701                         </li>
    702                     </ul>
    703                     <div class="dingyi">
    704                         <p class="zuopinmiaoshu">作品描述:</p>
    705                         <p class="yidachuan xxx">吃货小伙伴终于等到舌尖2开播啦,有没有立马收拾行囊,踏上探寻没事之路的冲动呢......
    706                     <span class="chakan">查看详情>></span>
    707                         </p>
    708                     </div>
    709                 </div>
    710                 <div class="shipinbofang"><!-- 中部,视频播放 -->
    711                     <img src="images/汽车.jpg" alt="">
    712                 </div>
    713                 <div class="youcedianping"><!-- 右侧点评 -->
    714                     <p class="dianping">点评:</p>
    715                     <p class="neirong">"用时下热门的节目舌尖2,呆出奇骏自驾。"</p>
    716                 </div>
    717             </div>
    718             <div class="xiaburenwu"><!-- 下部分,人物介绍 -->
    719                 <img src="images/男一号.jpg" alt="" class="nanyihao">
    720                 <ul class="nanxin"><!-- 男一号信息 -->
    721                     <li class="laoda">
    722                         <p class="c1">姓名:</p>
    723                         <p class="c2">吴荣荣</p>
    724                     </li>
    725                     <li class="laoda">
    726                         <p class="c1">年龄:</p>
    727                         <p class="c2">22</p>
    728                     </li>
    729                     <li class="laoda">
    730                         <p class="c1">岗位:</p>
    731                         <p class="c2">电销员</p>
    732                     </li>
    733                 </ul>
    734             </div>
    735             <div class="xiaburenwu nv1"><!-- 下部分,人物介绍 -->
    736                 <img src="images/女一号.jpg" alt="" class="nanyihao">
    737                 <ul class="nanxin"><!-- 女一号信息 -->
    738                     <li class="laoda">
    739                         <p class="c1">姓名:</p>
    740                         <p class="c2">吴荣荣</p>
    741                     </li>
    742                     <li class="laoda">
    743                         <p class="c1">年龄:</p>
    744                         <p class="c2">22</p>
    745                     </li>
    746                     <li class="laoda">
    747                         <p class="c1">岗位:</p>
    748                         <p class="c2">电销员</p>
    749                     </li>
    750                 </ul>
    751             </div>
    752             <div class="xiaburenwu nv2"><!-- 下部分,人物介绍 -->
    753                 <img src="images/女二号.jpg" alt="" class="nanyihao">
    754                 <ul class="nanxin"><!-- 女一号信息 -->
    755                     <li class="laoda">
    756                         <p class="c1">姓名:</p>
    757                         <p class="c2">吴荣荣</p>
    758                     </li>
    759                     <li class="laoda">
    760                         <p class="c1">年龄:</p>
    761                         <p class="c2">22</p>
    762                     </li>
    763                     <li class="laoda">
    764                         <p class="c1">岗位:</p>
    765                         <p class="c2">电销员</p>
    766                     </li>
    767                 </ul>
    768             </div>
    769             <div class="xiaburenwu nv3"><!-- 下部分,人物介绍 -->
    770                 <img src="images/女四号.jpg" alt="" class="nanyihao">
    771                 <ul class="nanxin"><!-- 女四号信息 -->
    772                     <li class="laoda">
    773                         <p class="c1">姓名:</p>
    774                         <p class="c2">吴荣荣</p>
    775                     </li>
    776                     <li class="laoda">
    777                         <p class="c1">年龄:</p>
    778                         <p class="c2">22</p>
    779                     </li>
    780                     <li class="laoda">
    781                         <p class="c1">岗位:</p>
    782                         <p class="c2">电销员</p>
    783                     </li>
    784                 </ul>
    785             </div>
    786         </div>
    787     </div>
    788     <!-- 第四部分 -->
    789     <div class="first"><!-- 中间部分 -->
    790         <div class="zuojiao">
    791             <img src="images/左角.png" alt="" >
    792         </div>
    793         <div class="dianhua">电话邀约录音竞赛</div>
    794         <div class="youjiao">
    795             <img src="images/右角.png" alt="">
    796         </div>
    797         <div class="kongkong"><!-- 中间空白 -->
    798         </div>
    799         <div class="five"><!-- 五月 -->
    800             <p class="wu">5月</p>
    801         </div>
    802         <div class="six"><!-- 五月 -->
    803             <p class="wu">6月</p>
    804         </div>
    805         <div class="seven"><!-- 七月 -->
    806             <p class="wu">7月</p>
    807         </div>
    808         <div class="lanxian"><!-- 蓝线 -->        
    809         </div>
    810         <div class="main"><!-- 主体内容 -->
    811             <div class="shang"><!-- 上部分,三大图 -->
    812                 <div class="zuo1"><!-- 吴荣荣 -->
    813                     <img src="images/靓女.jpg" alt="" class="meinv">
    814                     <ul class="information"><!-- 个人信息 -->
    815                         <li class="in1">
    816                             <p class="x1">姓名:</p>
    817                             <p class="x2">杨璐</p>
    818                         </li>
    819                         <li class="in2">
    820                             <p class="x1">年龄:</p>
    821                             <p class="x2">32 </p>
    822                         </li>
    823                         <li class="in3">
    824                             <p class="x1">岗位:</p>
    825                             <p class="x2">电销员</p>
    826                         </li>
    827                         <li class="in4">
    828                             <p class="x1">专营店:</p>
    829                             <p class="x2">上饶东信</p>
    830                         </li>
    831                     </ul>
    832                     <div class="dingyi">
    833                         <p class="zuopinmiaoshu">作品描述:</p>
    834                         <p class="yidachuan xxx">吃货小伙伴终于等到舌尖2开播啦,有没有立马收拾行囊,踏上探寻没事之路的冲动呢......
    835                     <span class="chakan">查看详情>></span>
    836                         </p>
    837                     </div>
    838                 </div>
    839                 <div class="shipinbofang"><!-- 中部,视频播放 -->
    840                     <img src="images/汽车.jpg" alt="">
    841                 </div>
    842                 <div class="youcedianping"><!-- 右侧点评 -->
    843                     <p class="dianping">点评:</p>
    844                     <p class="neirong">"用时下热门的节目舌尖2,呆出奇骏自驾。"</p>
    845                 </div>
    846             </div>
    847             <div class="xiaburenwu"><!-- 下部分,人物介绍 -->
    848                 <img src="images/男一号.jpg" alt="" class="nanyihao">
    849                 <ul class="nanxin"><!-- 男一号信息 -->
    850                     <li class="laoda">
    851                         <p class="c1">姓名:</p>
    852                         <p class="c2">吴荣荣</p>
    853                     </li>
    854                     <li class="laoda">
    855                         <p class="c1">年龄:</p>
    856                         <p class="c2">22</p>
    857                     </li>
    858                     <li class="laoda">
    859                         <p class="c1">岗位:</p>
    860                         <p class="c2">电销员</p>
    861                     </li>
    862                 </ul>
    863             </div>
    864             <div class="xiaburenwu nv1"><!-- 下部分,人物介绍 -->
    865                 <img src="images/女一号.jpg" alt="" class="nanyihao">
    866                 <ul class="nanxin"><!-- 女一号信息 -->
    867                     <li class="laoda">
    868                         <p class="c1">姓名:</p>
    869                         <p class="c2">吴荣荣</p>
    870                     </li>
    871                     <li class="laoda">
    872                         <p class="c1">年龄:</p>
    873                         <p class="c2">22</p>
    874                     </li>
    875                     <li class="laoda">
    876                         <p class="c1">岗位:</p>
    877                         <p class="c2">电销员</p>
    878                     </li>
    879                 </ul>
    880             </div>
    881             <div class="xiaburenwu nv2"><!-- 下部分,人物介绍 -->
    882                 <img src="images/女二号.jpg" alt="" class="nanyihao">
    883                 <ul class="nanxin"><!-- 女一号信息 -->
    884                     <li class="laoda">
    885                         <p class="c1">姓名:</p>
    886                         <p class="c2">吴荣荣</p>
    887                     </li>
    888                     <li class="laoda">
    889                         <p class="c1">年龄:</p>
    890                         <p class="c2">22</p>
    891                     </li>
    892                     <li class="laoda">
    893                         <p class="c1">岗位:</p>
    894                         <p class="c2">电销员</p>
    895                     </li>
    896                 </ul>
    897             </div>
    898             <div class="xiaburenwu nv3"><!-- 下部分,人物介绍 -->
    899                 <img src="images/女四号.jpg" alt="" class="nanyihao">
    900                 <ul class="nanxin"><!-- 女四号信息 -->
    901                     <li class="laoda">
    902                         <p class="c1">姓名:</p>
    903                         <p class="c2">吴荣荣</p>
    904                     </li>
    905                     <li class="laoda">
    906                         <p class="c1">年龄:</p>
    907                         <p class="c2">22</p>
    908                     </li>
    909                     <li class="laoda">
    910                         <p class="c1">岗位:</p>
    911                         <p class="c2">电销员</p>
    912                     </li>
    913                 </ul>
    914             </div>
    915         </div>
    916     </div>
    917 </body>
    918 </html>
  • 相关阅读:
    C# 数据处理——(包括但不限)浮点数设置小数点后位数 (转)
    c#下怎么判断一个字符串是否可以转换为double类型(转)
    C++ string字符串按分隔符分割成一个数组(转)
    C#浮点数保留位(转)
    linq与lambda写法对照(转)
    C# DataTable 和List之间相互转换的方法(转)
    c#写入Mysql中文显示乱码 解决方法(转)
    微博营销之企业微博运营方案实用篇
    “最美店主”走红网络,或成国内欧美第一店
    月饼西施PK愤怒的小鸟,这个中秋狂掀DIY风
  • 原文地址:https://www.cnblogs.com/yoyoyoyoyoyo/p/5682345.html
Copyright © 2011-2022 走看看