终于做出来了

  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>

 

转载于:https://www.cnblogs.com/yoyoyoyoyoyo/p/5682345.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/271342.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ashx连接mysql_ASP.net与SQLite数据库通过js和ashx交互(连接和操作)

ASP.net与SQLite数据库通过js和ashx交互(连接和操作)&#xff1a;废话(也是思路)&#xff1a;用的是VS2010&#xff0c;打算做网站前后台。由于不喜欢前台语言里加些与html和css和js的其他内容&#xff0c;想实现前后台语言的分离&#xff0c;与前后台通过js的ajax实现交互&…

计算机网络:九大命令!解决网络故障新思路

一&#xff1a;ping命令ping是个使用频率极高的实用程序&#xff0c;主要用于确定网络的连通性。这对确定网络是否正确连接&#xff0c;以及网络连接的状况十分有用。简单的说&#xff0c;ping就是一个测试程序&#xff0c;如果ping运行正确&#xff0c;大体上就可以排除网络访…

webpack打包后引用cdn的js_JS逆向:Webpack打包后的代码怎么搞?猿人学爬虫比赛第十六题详细题解...

实战地址http://match.yuanrenxue.com/match/16抓包分析地址栏输入 地址&#xff0c;按下F12并回车&#xff0c;发现数据在这里:查看cookie&#xff0c;无加密相关的字段。请求的接口倒是有个m的加密参数&#xff0c;看来这题的主要目的就是 看看m参数怎么进行加密的吧。切换 I…

计算机网络基础:IP基础知识笔记

1、 IP地址概念IP是用来唯一标识主机地址。IP地址 网络地址 主机地址(又称&#xff1a;主机号和网络号组成)例如IP&#xff1a;192.168.100.168 子网掩码 255.255.255.0 对应的网络地址和主机地址如下&#xff1a;192.168.100.168&#xff08;IP地址&#xff09; 192.168.1.…

bs架构的系统能连接mysql吗_HTTP、BS架构

Django 底层原理快捷键方向键方向键本键如果活动选项是选项按钮或文件则为移动焦点&#xff1b;方向键 Win键(简称Win键)使窗口全屏、最小化、靠左半边、靠右半边(部分版本不支持)&#xff1b;方向键Shift键将连续的文字或文件选中方向键(左右)Ctrl键 在英文单词或中文词语间跳…

离散卷积的计算

本文转自&#xff1a; 离散卷积与自相关----------信号处理系列 http://www.cnblogs.com/einyboy/archive/2012/12/30/2839633.html 一、 定义 离散信号f(n),g(n)的定义如下&#xff1a; N-----为信号f(n)的长度 s(n)----为卷积结果序列,长度为len(f(n))len(g(n))-1 以3个元…

计算机网络基础:Internet常用服务介绍​

1、域名服务Internet中的域名地址和IP地址是等价的&#xff0c;它们之间是通过域名服务完成映射的。实际上DNS是一种分布式地址信息数据库系统&#xff0c;服务器中包含整个数据库的某部分信息&#xff0c;并供客户查询。域名系统采用客户端/服务器模式&#xff0c;整个系统由解…

lamba

lamba /*** lamba*/Testpublic void test5() {Runnable r () -> System.out.println("hello");r.run();}Testpublic void test6() {int num 0;Runnable r new Runnable() {Overridepublic void run() {System.out.println("java");}};r.run();}

c语言深度剖析第三版pdf_入门到入坟,蕴含全网最强知识点3283页笔记、pdf教程,活到老,学到老...

又到了“金九银十”面试求职高峰期&#xff0c;在金三银四时也参与过不少面试&#xff0c;2020都说工作不好找&#xff0c;也是对开发人员的要求变高。前段时间自己有整理了一些Java后端开发面试常问的高频考点问题做成一份PDF文档&#xff08;1000道高频题&#xff09;&#x…

mysql 5.7.23要钱吗_最新mysql 5.7.23安装配置图文教程

2018年最新mysql5.7详细安装与配置&#xff0c;总共分为四步&#xff0c;其中环境变量配置不是必须的。1、安装包下载2、安装过程3、环境变量配置4、连接测试一、官网下载mysql安装包1.前往官网下载&#xff0c;下载链接为&#xff1a;2.选择合适你电脑系统的版本进行安装。如果…

计算机基础:信息安全相关知识笔记

1、信息安全要素机密性&#xff1a;保证信息不暴露给未授权的用户。完整性&#xff1a;得到允许的用户可以修改数据&#xff0c;并且可以判断数据是否被篡改。可用性&#xff1a;拥有授权的用户可以在需要时访问数据。可控性&#xff1a;可控制授权的范围内的信息流向以及行为方…

计算机网络安全基础知识笔记

1、网络安全威胁介绍非法授权访问&#xff1a;没有预先经过同意&#xff0c;就使用网络或相关的计算机资源就是非授权访问。主要有以下几种形式&#xff1a;身份攻击、假冒、非法用户进入网络系统进行违法操作、合法用户以未授权的方式进行操作。信息泄露丢失&#xff1a;主要是…

lambda

例子&#xff1a;

数据库技术基础:数据库与数据库管理系统概念介绍

一、数据库系统基本概念知识1、 数据&#xff08;Data&#xff09;用来描述事物的符号记录&#xff0c;它具有多种表现形式比如文字、图形、图像、视频等。信息&#xff1a;是现实事物的存在方式或状态的反映。信息的特性有可感知、可存储、可加工、可传递、可再生等。2、 数据…

unity3d collider自动调整大小_Maya模型在Unity3d中的快速烘焙【2020】

本文小姐姐将以一个Maya的室内小客厅场景为例&#xff0c;和童鞋们一起讨论Unity3d快速烘焙Maya室内模型光照的方法&#xff0c;一方面是对前面知识的综合应用&#xff0c;另一方面满足一下做室内设计童鞋的学习需求。话不多说&#xff0c;开工&#xff01;这个例子的Maya场景模…

angualarjsdemo

AngularJs学习笔记--Forms 原版地址&#xff1a;http://code.angularjs.org/1.0.2/docs/guide/forms 控件&#xff08;input、select、textarea&#xff09;是用户输入数据的一种方式。Form&#xff08;表单&#xff09;是这些控件的集合&#xff0c;目的是将相关的控件进行分组…

Java中Comparator比较器的使用以及使用lamba简化代码

代码例子&#xff1a; /*** 测试Comparator*/Testpublic void test17() {//原始方法Comparator<Integer> comparator new Comparator<Integer>() {Overridepublic int compare(Integer o1, Integer o2) {return Integer.compare(o1, o2);}};int compare1 compara…

数据库技术基础:数据库管理系统的功能介绍笔记

1、DBMS功能介绍1.1 数据定义数据库定义语言&#xff08;DDL&#xff09;&#xff1a;可以对数据库结构描述&#xff0c;包括外模式、模式、内模式的定义&#xff1b;数据库完整性定义&#xff1b;安全保密定义比如口令、级别和存取权限。这些定义存储在数据字典中是DBMS运行的…