终于做出来了
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
總結
- 上一篇： Makefile 教程
- 下一篇： 第五章 Response（JavaTM