项目一~达人首页
浏览器截图部分：
css部分：
1 reset.css： 2 @charset "utf-8"; 3 /*=========================Reset_start==========================*/ 4 body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,input,textarea,select,option 5 { 6 margin: 0; 7 padding: 0; 8 } 9 html,body 10 { 11 font-family:"微软雅黑","宋体",Arail,Tabhoma; 12 text-align: left; 13 } 14 ul,ol 15 { 16 list-style: none; 17 } 18 img 19 { 20 border: 0 none; 21 } 22 input,select,textarea 23 { 24 outline:0; 25 } 26 textarea 27 { 28 resize:none; 29 overflow: auto; 30 } 31 table 32 { 33 border-collapse: collapse; 34 border-spacing: 0; 35 } 36 th,strong,var,em 37 { 38 font-weight: normal; 39 font-style: normal; 40 } 41 a 42 { 43 text-decoration: none; 44 } 45 46 /*==========================Reset_End===========================*/
head.css: * { margin: 0; padding: 0; } .head { border-bottom:4px solid #176fbb; min-width: 1000px; } .headcon { width: 1000px; margin: 0 auto; overflow: hidden; padding-top: 15px; padding-bottom: 9px; } .head1 { float: left; } .head2 { float: right; } .banners { float: left; margin-right: 14px; font-family: "微软雅黑"; font-size: 14px; color: #505050; text-decoration: none; } .headboreder { border-right: 2px solid #3c3c3c; padding-right: 14px; } .headinp { width: 151px; height: 24px; margin-right: 0px; } .xinglixiang { margin-top: -5px; } .phone { margin-top: -1px; } .sousuo { margin-top: -6px; } .head3 { float: left; margin-left: 56px; margin-top: 40px; } .head3 a { font-family: "微软雅黑"; font-size: 18px; color: #3c3c3c; text-decoration: none; margin-left: 38px; }
1 buttom.css: 2 .dibuxinxi 3 { 4 margin-top: 30px; 5 overflow: hidden; 6 width: 100%; 7 min-width: 1000px; 8 background-color:#023c4d; 9 } 10 .xinxishang 11 { 12 width: 1000px; 13 color: #ffffff; 14 overflow: hidden; 15 margin: 0 auto; 16 } 17 .diyilie 18 { 19 float: left; 20 padding-left: 102px; 21 float: left; 22 } 23 .l1 24 { 25 padding-top: 22px; 26 font-size: 18px; 27 font-weight: bold; 28 } 29 .l2 30 { 31 padding-top: 11px; 32 font-size: 14px; 33 } 34 .l3,.l4,.l5 35 { 36 padding-top: 15px; 37 font-size: 14px; 38 } 39 .dierlie 40 { 41 float: left; 42 margin-left: 80px; 43 float: left; 44 } 45 .disanlie 46 { 47 float: left; 48 margin-left: 80px; 49 float: left; 50 } 51 .disilie 52 { 53 float: left; 54 margin-left: 80px; 55 float: left; 56 } 57 .l6 58 { 59 padding-top: 22px; 60 font-size: 14px; 61 } 62 .diwulie 63 { 64 float: left; 65 margin-left: 80px; 66 float: left; 67 } 68 .l7 69 { 70 font-size: 18px; 71 padding-top: 18px; 72 } 73 .xinxixia 74 { 75 border-top:1px solid #ffffff; 76 margin-top: 22px; 77 } 78 .dibukuang 79 { 80 height: 57px; 81 line-height: 57px; 82 width: 1000px; 83 margin: 0 auto; 84 } 85 .pp 86 { 87 text-align: center; 88 color: #ffffff; 89 }
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <link rel="stylesheet" href="css/head.css"> 7 <link rel="stylesheet" href="css/reset.css"> 8 <link rel="stylesheet" href="css/buttom.css"> 9 <meta name="Keywords" content="达人首页"> 10 <meta name="Description" content="达人首页"> 11 <style> 12 .zsh_zhongjianzhuti 13 { 14 width: 1000px; 15 margin: 0 auto; 16 overflow: hidden; 17 } 18 .zsh_daohanglan 19 { 20 float: left; 21 margin-top: 20px; 22 } 23 .zsh_shouye 24 { 25 overflow: hidden; 26 } 27 .zsh_tupian 28 { 29 overflow: hidden; 30 margin-top: 21px; 31 } 32 .zsh_xiangzuo 33 { 34 width: 49px; 35 height: 243px; 36 background: #eeeeee; 37 float: left; 38 } 39 .zsh_yuanquanzuo 40 { 41 padding-top: 102px; 42 padding-left: 7px; 43 } 44 .zsh_meinvyihao 45 { 46 width: 193px; 47 height: 243px; 48 float: left; 49 margin-left: 20px; 50 position: relative; 51 } 52 .zsh_shangmeinv 53 { 54 float: left; 55 } 56 .zsh_xiabeijing 57 { 58 height: 105px; 59 width: 191px; 60 border: 1px solid #c8c8c8; 61 float: left; 62 margin-top: -4px; 63 } 64 .zsh_meishidaren 65 { 66 width: 87px; 67 height: 25px; 68 background: #000000; 69 font-size: 16px; 70 font-weight: 16px; 71 position: absolute; 72 left: 106px; 73 top: 14px; 74 color: #ffffff; 75 text-align: center; 76 } 77 .zsh_xiangjinan 78 { 79 position: absolute; 80 left: 20px; 81 top: 108px; 82 } 83 .zsh_xiaoya 84 { 85 position: absolute; 86 left: 33px; 87 top: 168px; 88 color: #3d3d3d; 89 font-weight: bold; 90 } 91 .zsh_chihuo 92 { 93 position: absolute; 94 left: 19px; 95 top: 195px; 96 color: #6e6e6e; 97 } 98 .zsh_pengcige 99 { 100 width: 193px; 101 height: 243px; 102 float: left; 103 margin-left: 30px; 104 position: relative; 105 } 106 .zsh_xiangyou 107 { 108 float: left; 109 margin-left: 20px; 110 } 111 .zsh_zuocebufen 112 { 113 float: left; 114 width: 700px; 115 margin-top: 20px; 116 } 117 .zsh_darengongl 118 { 119 width: 681px; 120 height: 38px; 121 background-color: #51b23e; 122 color: #ffffff; 123 padding-left: 19px; 124 line-height: 38px; 125 } 126 .zsh_zuoceer 127 { 128 width: 698px; 129 height: 297px; 130 border: 1px solid #c8c8c8; 131 margin-top: 20px; 132 background-color: #eeeeee; 133 position: relative; 134 } 135 .zsh_hang1 136 { 137 margin-top: 11px; 138 color: #1f71b8; 139 float: left; 140 margin-left: 19px; 141 } 142 .zsh_tml 143 { 144 float: left; 145 } 146 .zsh_mutan 147 { 148 margin-left: 70px; 149 } 150 .zsh_hang2 151 { 152 float: left; 153 margin-top: 10px; 154 margin-left: 25px; 155 } 156 .zsh_beijing,.zsh_taiwan,.zsh_qitian,.zsh_yuan 157 { 158 color: #176fbb; 159 font-weight: bold; 160 } 161 .zsh_to,.zsh_shuzi2014,.zsh_hang3,.zsh_dingding,.zsh_shu1168,.zsh_shu1168a,.zsh_shu1168b 162 { 163 color: #656565; 164 } 165 .zsh_shuzi2014 166 { 167 margin-left: 34px; 168 } 169 .zsh_qitian 170 { 171 margin-left: 30px; 172 } 173 .zsh_shuzi8000 174 { 175 color: #cc0000; 176 margin-left: 30px; 177 } 178 .zsh_hang3 179 { 180 margin-top: 10px; 181 margin-left: 19px; 182 float: left; 183 font-size: 14px; 184 margin-right: 18px; 185 } 186 .zsh_hang4 187 { 188 margin-top: 10px; 189 float: left; 190 margin-left: 19px; 191 width: 651px; 192 } 193 .zsh_haizhuting 194 { 195 float: left; 196 } 197 .zsh_haichuan 198 { 199 float: left; 200 margin-left: 20px; 201 } 202 .zsh_hang5 203 { 204 float: left; 205 margin-top: 15px; 206 margin-left: 19px; 207 } 208 .zsh_kouzhaonan 209 { 210 float: left; 211 position: absolute; 212 left: 20px; 213 top: 244px; 214 } 215 .zsh_dingding 216 { 217 position: absolute; 218 left: 71px; 219 top: 257px; 220 font-size: 12px; 221 } 222 .zsh_tianyan 223 { 224 position: absolute; 225 left: 160px; 226 top: 261px; 227 } 228 .zsh_shu1168 229 { 230 position: absolute; 231 left: 183px; 232 top: 257px; 233 font-size: 12px; 234 } 235 .zsh_hongxin 236 { 237 position: absolute; 238 left: 231px; 239 top: 257px; 240 } 241 .zsh_shu1168a 242 { 243 font-size: 12px; 244 position: absolute; 245 left: 256px; 246 top: 257px; 247 } 248 .zsh_lanxin 249 { 250 position: absolute; 251 left: 303px; 252 top: 257px; 253 } 254 .zsh_shu1168b 255 { 256 position: absolute; 257 left: 328px; 258 top: 257px; 259 font-size: 12px; 260 } 261 .zsh_zuocesan 262 { 263 width: 698px; 264 height: 297px; 265 border: 1px solid #c8c8c8; 266 margin-top: 20px; 267 position: relative; 268 } 269 .fanye 270 { 271 width: 1000px; 272 float:left; 273 margin-top: 30px; 274 } 275 .shangyiye 276 { 277 float: left; 278 margin-left: 217px; 279 } 280 .shuzi1 281 { 282 float: left; 283 margin-left: 14px; 284 } 285 .shengluehao 286 { 287 float: left; 288 margin-left: 7px; 289 } 290 .shuzi12 291 { 292 float: left; 293 margin-left: 8px; 294 295 } 296 .shuzi13 297 { 298 background-color: #6e6e6e; 299 width: 30px; 300 height: 20px; 301 float: left; 302 margin-left: 11px; 303 text-align: center; 304 } 305 .shuzi14 306 { 307 margin-left: 10px; 308 float: left; 309 } 310 .shengluehao2 311 { 312 float: left; 313 margin-left: 9px; 314 } 315 .shuzi40 316 { 317 float: left; 318 margin-left: 9px; 319 } 320 .xiayiye 321 { 322 float: left; 323 margin-left: 12px; 324 } 325 .zsh_fenjiexian 326 { 327 width: 700px; 328 border: 1px solid #898989; 329 float: left; 330 margin-top: 23px; 331 margin-bottom: 30px; 332 } 333 .zsh_youcebufen 334 { 335 float: left; 336 margin-left: 30px; 337 width: 270px; 338 339 } 340 .zsh_kanhuiji 341 { 342 position: relative; 343 margin-top: 20px; 344 } 345 .zsh_yipiao,.zsh_siren 346 { 347 color: #ffffff; 348 font-size: 18px; 349 font-weight: bold; 350 } 351 .zsh_yipiao 352 { 353 position: absolute; 354 left: 53px; 355 top: 196px; 356 z-index: 9; 357 } 358 .zsh_huijihui 359 { 360 position: absolute; 361 top:190px; 362 left: 39px; 363 z-index: 5; 364 } 365 .zsh_siren 366 { 367 position: absolute; 368 left: 100px; 369 top: 196px; 370 z-index: 9; 371 } 372 /*.dibuxinxi 373 { 374 width: 100%; 375 }*/ 376 </style> 377 </head> 378 <body> 379 <!-- 头部部分开始 --> 380 <div class="head"> 381 <div class="headcon"> 382 <div class="head1"> 383 <img src="images/ban.png" alt=""> 384 </div> 385 <div class="head2"> 386 <img class="banners phone" src="images/phone.png" alt=""> 387 <span class="banners headboreder yanse400">400-800-8820</span> 388 <a class="banners headboreder" href="###">登陆</a> 389 <a class="banners headboreder" href="###">注册</a> 390 <img class="banners xinglixiang" src="images/xingli.png" alt=""> 391 <span class="banners ">行李箱</span> 392 <input class="banners headinp sousuo" type="text"> 393 <img class="banners sousuo" src="images/sousuo.png" alt=""> 394 </div> 395 <div class="head3"> 396 <img src="images/fangzi.png" alt=""> 397 <a href="###">第一次</a> 398 <a href="###">目的地</a> 399 <a href="###">自定行程</a> 400 <a href="###">游记</a> 401 <a href="###">特产</a> 402 <a href="###">优惠</a> 403 <a href="###">环岛巴士</a> 404 </div> 405 </div> 406 </div> 407 <!-- 头部部分结束 --> 408 <!-- 中间主体部分开始 --> 409 <div class="zsh_zhongjianzhuti"> 410 <div class="zsh_daohanglan"><!-- 导航栏部分 --> 411 <div class="zsh_shouye"><!-- 首页达人导航 --> 412 首页>达人 413 </div> 414 <div class="zsh_tupian"><!-- 图片翻页区 --> 415 <div class="zsh_xiangzuo"><!-- 向左翻页 --> 416 <img src="images/zsh_圆圈左.png" alt="向左翻页" class="zsh_yuanquanzuo"> 417 </div> 418 <div class="zsh_meinvyihao"><!-- 美女一号 --> 419 <div class="zsh_shangmeinv"><!-- 上美女 --> 420 <img src="images/zsh_美女1.jpg" alt="眼镜妹"> 421 <p class="zsh_meishidaren"> 422 美食达人 423 </p> 424 </div> 425 <div class="zsh_xiabeijing"><!-- 下背景 --> 426 <p class="zsh_xiaoya"> 427 小雅 428 </p> 429 <p class="zsh_chihuo"> 430 遍地小吃、吃货天堂...这就是台湾... 431 </p> 432 </div> 433 <div class="zsh_xiangjinan"> 434 <img src="images/zsh_相机男.png" alt="相机男"> 435 </div> 436 </div> 437 <div class="zsh_pengcige"><!-- 碰瓷哥 --> 438 <div class="zsh_shangmeinv"><!-- 碰瓷哥 --> 439 <img src="images/zsh_碰瓷哥.jpg" alt="碰瓷哥"> 440 <p class="zsh_meishidaren"> 441 美食达人 442 </p> 443 </div> 444 <div class="zsh_xiabeijing"><!-- 下背景 --> 445 <p class="zsh_xiaoya"> 446 小雅 447 </p> 448 <p class="zsh_chihuo"> 449 遍地小吃、吃货天堂...这就是台湾... 450 </p> 451 </div> 452 <div class="zsh_xiangjinan"> 453 <img src="images/zsh_相机男.png" alt="相机男"> 454 </div> 455 </div> 456 <div class="zsh_pengcige"><!-- 秀恩爱 --> 457 <div class="zsh_shangmeinv"><!-- 秀恩爱 --> 458 <img src="images/zsh_秀恩爱.jpg" alt="秀恩爱"> 459 <p class="zsh_meishidaren"> 460 美食达人 461 </p> 462 </div> 463 <div class="zsh_xiabeijing"><!-- 下背景 --> 464 <p class="zsh_xiaoya"> 465 小雅 466 </p> 467 <p class="zsh_chihuo"> 468 遍地小吃、吃货天堂...这就是台湾... 469 </p> 470 </div> 471 <div class="zsh_xiangjinan"> 472 <img src="images/zsh_相机男.png" alt="相机男"> 473 </div> 474 </div> 475 <div class="zsh_pengcige"><!-- 大耳环美女 --> 476 <div class="zsh_shangmeinv"><!-- 大耳环美女 --> 477 <img src="images/zsh_耳环女.jpg" alt="耳环妹"> 478 <p class="zsh_meishidaren"> 479 美食达人 480 </p> 481 </div> 482 <div class="zsh_xiabeijing"><!-- 下背景 --> 483 <p class="zsh_xiaoya"> 484 小雅 485 </p> 486 <p class="zsh_chihuo"> 487 遍地小吃、吃货天堂...这就是台湾... 488 </p> 489 </div> 490 <div class="zsh_xiangjinan"> 491 <img src="images/zsh_相机男.png" alt="相机男"> 492 </div> 493 </div> 494 <div class="zsh_xiangzuo zsh_xiangyou"><!-- 向右翻页 --> 495 <img src="images/zsh_圆圈右.png" alt="向右翻页" class="zsh_yuanquanzuo"> 496 </div> 497 </div> 498 </div> 499 <div class="zsh_zuocebufen"><!-- 左侧部分 --> 500 <div class="zsh_darengongl"><!-- 左侧一块-达人攻略 --> 501 达人攻略 502 </div> 503 <div class="zsh_zuoceer"><!-- 左侧二块-台美丽 --> 504 <div class="zsh_hang1"><!-- 第一行 台美丽 --> 505 <p class="zsh_tml"> 506 ⌈台美丽⌋ 507 </p> 508 <p class="zsh_mutan"> 509 我要晒成一根木炭照亮台湾的所有角落 510 </p> 511 </div> 512 <div class="zsh_hang2"><!-- 第二行 北京 --> 513 <span class="zsh_beijing"> 514 北京 515 </span> 516 <span class="zsh_to"> 517 to 518 </span> 519 <span class="zsh_taiwan"> 520 台湾 521 </span> 522 <span class="zsh_shuzi2014"> 523 2014年7月 524 </span> 525 <span class="zsh_qitian"> 526 7天 527 </span> 528 <span class="zsh_shuzi8000"> 529 8000~10000 530 </span> 531 <span class="zsh_yuan"> 532 元 533 </span> 534 </div> 535 <div class="zsh_hang3"><!-- 第三行 ；楼主思维 --> 536 楼主的思维都在努力串联在台湾14天发生的事。楼主写了两天的行程，返过来补充一句，好多东西真的只可意会，没有办法言传，台湾在这14天给楼主的我感动可能用文字写真的太苍白，所以很多... 537 </div> 538 <div class="zsh_hang4"><!-- 第四行 图片展示 --> 539 <div class="zsh_haizhuting"><!-- 海竹亭 --> 540 <img src="images/zsh_海竹亭.jpg" alt="海竹亭"> 541 </div> 542 <div class="zsh_haichuan"><!-- 海船 --> 543 <img src="images/zsh_海船.jpg" alt="海船"> 544 </div> 545 <div class="zsh_haichuan"><!-- 广告街 --> 546 <img src="images/zsh_广告街.jpg" alt="广告街"> 547 </div> 548 </div> 549 <div class="zsh_hang5"><!-- 第五行 作者区域 --> 550 <img src="images/zsh_口罩男.png" alt="口罩男" class="zsh_kouzhaonan"> 551 <p class="zsh_dingding"> 552 作者：丁丁 553 </p> 554 <img src="images/zsh_天眼.png" alt="天眼" class="zsh_tianyan"> 555 <p class="zsh_shu1168"> 556 1168 557 </p> 558 <img src="images/zsh_红心.png" alt="红心" class="zsh_hongxin"> 559 <p class="zsh_shu1168a"> 560 1168 561 </p> 562 <img src="images/zsh_蓝心.png" alt="蓝心" class="zsh_lanxin"> 563 <p class="zsh_shu1168b"> 564 1168 565 </p> 566 </div> 567 </div> 568 <div class="zsh_zuocesan"><!-- 左侧三块-台美丽 --> 569 <div class="zsh_hang1"><!-- 第一行 台美丽 --> 570 <p class="zsh_tml"> 571 ⌈台美丽⌋ 572 </p> 573 <p class="zsh_mutan"> 574 我要晒成一根木炭照亮台湾的所有角落 575 </p> 576 </div> 577 <div class="zsh_hang2"><!-- 第二行 北京 --> 578 <span class="zsh_beijing"> 579 北京 580 </span> 581 <span class="zsh_to"> 582 to 583 </span> 584 <span class="zsh_taiwan"> 585 台湾 586 </span> 587 <span class="zsh_shuzi2014"> 588 2014年7月 589 </span> 590 <span class="zsh_qitian"> 591 7天 592 </span> 593 <span class="zsh_shuzi8000"> 594 8000~10000 595 </span> 596 <span class="zsh_yuan"> 597 元 598 </span> 599 </div> 600 <div class="zsh_hang3"><!-- 第三行 ；楼主思维 --> 601 楼主的思维都在努力串联在台湾14天发生的事。楼主写了两天的行程，返过来补充一句，好多东西真的只可意会，没有办法言传，台湾在这14天给楼主的我感动可能用文字写真的太苍白，所以很多... 602 </div> 603 <div class="zsh_hang4"><!-- 第四行 图片展示 --> 604 <div class="zsh_haizhuting"><!-- 海竹亭 --> 605 <img src="images/zsh_海竹亭.jpg" alt="海竹亭"> 606 </div> 607 <div class="zsh_haichuan"><!-- 海船 --> 608 <img src="images/zsh_海船.jpg" alt="海船"> 609 </div> 610 <div class="zsh_haichuan"><!-- 广告街 --> 611 <img src="images/zsh_广告街.jpg" alt="广告街"> 612 </div> 613 </div> 614 <div class="zsh_hang5"><!-- 第五行 作者区域 --> 615 <img src="images/zsh_口罩男.png" alt="口罩男" class="zsh_kouzhaonan"> 616 <p class="zsh_dingding"> 617 作者：丁丁 618 </p> 619 <img src="images/zsh_天眼.png" alt="天眼" class="zsh_tianyan"> 620 <p class="zsh_shu1168"> 621 1168 622 </p> 623 <img src="images/zsh_红心.png" alt="红心" class="zsh_hongxin"> 624 <p class="zsh_shu1168a"> 625 1168 626 </p> 627 <img src="images/zsh_蓝心.png" alt="蓝心" class="zsh_lanxin"> 628 <p class="zsh_shu1168b"> 629 1168 630 </p> 631 </div> 632 </div> 633 <div class="zsh_zuocesan"><!-- 左侧四块-台美丽 --> 634 <div class="zsh_hang1"><!-- 第一行 台美丽 --> 635 <p class="zsh_tml"> 636 ⌈台美丽⌋ 637 </p> 638 <p class="zsh_mutan"> 639 我要晒成一根木炭照亮台湾的所有角落 640 </p> 641 </div> 642 <div class="zsh_hang2"><!-- 第二行 北京 --> 643 <span class="zsh_beijing"> 644 北京 645 </span> 646 <span class="zsh_to"> 647 to 648 </span> 649 <span class="zsh_taiwan"> 650 台湾 651 </span> 652 <span class="zsh_shuzi2014"> 653 2014年7月 654 </span> 655 <span class="zsh_qitian"> 656 7天 657 </span> 658 <span class="zsh_shuzi8000"> 659 8000~10000 660 </span> 661 <span class="zsh_yuan"> 662 元 663 </span> 664 </div> 665 <div class="zsh_hang3"><!-- 第三行 ；楼主思维 --> 666 楼主的思维都在努力串联在台湾14天发生的事。楼主写了两天的行程，返过来补充一句，好多东西真的只可意会，没有办法言传，台湾在这14天给楼主的我感动可能用文字写真的太苍白，所以很多... 667 </div> 668 <div class="zsh_hang4"><!-- 第四行 图片展示 --> 669 <div class="zsh_haizhuting"><!-- 海竹亭 --> 670 <img src="images/zsh_海竹亭.jpg" alt="海竹亭"> 671 </div> 672 <div class="zsh_haichuan"><!-- 海船 --> 673 <img src="images/zsh_海船.jpg" alt="海船"> 674 </div> 675 <div class="zsh_haichuan"><!-- 广告街 --> 676 <img src="images/zsh_广告街.jpg" alt="广告街"> 677 </div> 678 </div> 679 <div class="zsh_hang5"><!-- 第五行 作者区域 --> 680 <img src="images/zsh_口罩男.png" alt="口罩男" class="zsh_kouzhaonan"> 681 <p class="zsh_dingding"> 682 作者：丁丁 683 </p> 684 <img src="images/zsh_天眼.png" alt="天眼" class="zsh_tianyan"> 685 <p class="zsh_shu1168"> 686 1168 687 </p> 688 <img src="images/zsh_红心.png" alt="红心" class="zsh_hongxin"> 689 <p class="zsh_shu1168a"> 690 1168 691 </p> 692 <img src="images/zsh_蓝心.png" alt="蓝心" class="zsh_lanxin"> 693 <p class="zsh_shu1168b"> 694 1168 695 </p> 696 </div> 697 </div> 698 <div class="zsh_zuocesan"><!-- 左侧五块-台美丽 --> 699 <div class="zsh_hang1"><!-- 第一行 台美丽 --> 700 <p class="zsh_tml"> 701 ⌈台美丽⌋ 702 </p> 703 <p class="zsh_mutan"> 704 我要晒成一根木炭照亮台湾的所有角落 705 </p> 706 </div> 707 <div class="zsh_hang2"><!-- 第二行 北京 --> 708 <span class="zsh_beijing"> 709 北京 710 </span> 711 <span class="zsh_to"> 712 to 713 </span> 714 <span class="zsh_taiwan"> 715 台湾 716 </span> 717 <span class="zsh_shuzi2014"> 718 2014年7月 719 </span> 720 <span class="zsh_qitian"> 721 7天 722 </span> 723 <span class="zsh_shuzi8000"> 724 8000~10000 725 </span> 726 <span class="zsh_yuan"> 727 元 728 </span> 729 </div> 730 <div class="zsh_hang3"><!-- 第三行 ；楼主思维 --> 731 楼主的思维都在努力串联在台湾14天发生的事。楼主写了两天的行程，返过来补充一句，好多东西真的只可意会，没有办法言传，台湾在这14天给楼主的我感动可能用文字写真的太苍白，所以很多... 732 </div> 733 <div class="zsh_hang4"><!-- 第四行 图片展示 --> 734 <div class="zsh_haizhuting"><!-- 海竹亭 --> 735 <img src="images/zsh_海竹亭.jpg" alt="海竹亭"> 736 </div> 737 <div class="zsh_haichuan"><!-- 海船 --> 738 <img src="images/zsh_海船.jpg" alt="海船"> 739 </div> 740 <div class="zsh_haichuan"><!-- 广告街 --> 741 <img src="images/zsh_广告街.jpg" alt="广告街"> 742 </div> 743 </div> 744 <div class="zsh_hang5"><!-- 第五行 作者区域 --> 745 <img src="images/zsh_口罩男.png" alt="口罩男" class="zsh_kouzhaonan"> 746 <p class="zsh_dingding"> 747 作者：丁丁 748 </p> 749 <img src="images/zsh_天眼.png" alt="天眼" class="zsh_tianyan"> 750 <p class="zsh_shu1168"> 751 1168 752 </p> 753 <img src="images/zsh_红心.png" alt="红心" class="zsh_hongxin"> 754 <p class="zsh_shu1168a"> 755 1168 756 </p> 757 <img src="images/zsh_蓝心.png" alt="蓝心" class="zsh_lanxin"> 758 <p class="zsh_shu1168b"> 759 1168 760 </p> 761 </div> 762 </div> 763 <div class="zsh_zuocesan"><!-- 左侧六块-台美丽 --> 764 <div class="zsh_hang1"><!-- 第一行 台美丽 --> 765 <p class="zsh_tml"> 766 ⌈台美丽⌋ 767 </p> 768 <p class="zsh_mutan"> 769 我要晒成一根木炭照亮台湾的所有角落 770 </p> 771 </div> 772 <div class="zsh_hang2"><!-- 第二行 北京 --> 773 <span class="zsh_beijing"> 774 北京 775 </span> 776 <span class="zsh_to"> 777 to 778 </span> 779 <span class="zsh_taiwan"> 780 台湾 781 </span> 782 <span class="zsh_shuzi2014"> 783 2014年7月 784 </span> 785 <span class="zsh_qitian"> 786 7天 787 </span> 788 <span class="zsh_shuzi8000"> 789 8000~10000 790 </span> 791 <span class="zsh_yuan"> 792 元 793 </span> 794 </div> 795 <div class="zsh_hang3"><!-- 第三行 ；楼主思维 --> 796 楼主的思维都在努力串联在台湾14天发生的事。楼主写了两天的行程，返过来补充一句，好多东西真的只可意会，没有办法言传，台湾在这14天给楼主的我感动可能用文字写真的太苍白，所以很多... 797 </div> 798 <div class="zsh_hang4"><!-- 第四行 图片展示 --> 799 <div class="zsh_haizhuting"><!-- 海竹亭 --> 800 <img src="images/zsh_海竹亭.jpg" alt="海竹亭"> 801 </div> 802 <div class="zsh_haichuan"><!-- 海船 --> 803 <img src="images/zsh_海船.jpg" alt="海船"> 804 </div> 805 <div class="zsh_haichuan"><!-- 广告街 --> 806 <img src="images/zsh_广告街.jpg" alt="广告街"> 807 </div> 808 </div> 809 <div class="zsh_hang5"><!-- 第五行 作者区域 --> 810 <img src="images/zsh_口罩男.png" alt="口罩男" class="zsh_kouzhaonan"> 811 <p class="zsh_dingding"> 812 作者：丁丁 813 </p> 814 <img src="images/zsh_天眼.png" alt="天眼" class="zsh_tianyan"> 815 <p class="zsh_shu1168"> 816 1168 817 </p> 818 <img src="images/zsh_红心.png" alt="红心" class="zsh_hongxin"> 819 <p class="zsh_shu1168a"> 820 1168 821 </p> 822 <img src="images/zsh_蓝心.png" alt="蓝心" class="zsh_lanxin"> 823 <p class="zsh_shu1168b"> 824 1168 825 </p> 826 </div> 827 </div> 828 <div class="zsh_zuocesan"><!-- 左侧七块-台美丽 --> 829 <div class="zsh_hang1"><!-- 第一行 台美丽 --> 830 <p class="zsh_tml"> 831 ⌈台美丽⌋ 832 </p> 833 <p class="zsh_mutan"> 834 我要晒成一根木炭照亮台湾的所有角落 835 </p> 836 </div> 837 <div class="zsh_hang2"><!-- 第二行 北京 --> 838 <span class="zsh_beijing"> 839 北京 840 </span> 841 <span class="zsh_to"> 842 to 843 </span> 844 <span class="zsh_taiwan"> 845 台湾 846 </span> 847 <span class="zsh_shuzi2014"> 848 2014年7月 849 </span> 850 <span class="zsh_qitian"> 851 7天 852 </span> 853 <span class="zsh_shuzi8000"> 854 8000~10000 855 </span> 856 <span class="zsh_yuan"> 857 元 858 </span> 859 </div> 860 <div class="zsh_hang3"><!-- 第三行 ；楼主思维 --> 861 楼主的思维都在努力串联在台湾14天发生的事。楼主写了两天的行程，返过来补充一句，好多东西真的只可意会，没有办法言传，台湾在这14天给楼主的我感动可能用文字写真的太苍白，所以很多... 862 </div> 863 <div class="zsh_hang4"><!-- 第四行 图片展示 --> 864 <div class="zsh_haizhuting"><!-- 海竹亭 --> 865 <img src="images/zsh_海竹亭.jpg" alt="海竹亭"> 866 </div> 867 <div class="zsh_haichuan"><!-- 海船 --> 868 <img src="images/zsh_海船.jpg" alt="海船"> 869 </div> 870 <div class="zsh_haichuan"><!-- 广告街 --> 871 <img src="images/zsh_广告街.jpg" alt="广告街"> 872 </div> 873 </div> 874 <div class="zsh_hang5"><!-- 第五行 作者区域 --> 875 <img src="images/zsh_口罩男.png" alt="口罩男" class="zsh_kouzhaonan"> 876 <p class="zsh_dingding"> 877 作者：丁丁 878 </p> 879 <img src="images/zsh_天眼.png" alt="天眼" class="zsh_tianyan"> 880 <p class="zsh_shu1168"> 881 1168 882 </p> 883 <img src="images/zsh_红心.png" alt="红心" class="zsh_hongxin"> 884 <p class="zsh_shu1168a"> 885 1168 886 </p> 887 <img src="images/zsh_蓝心.png" alt="蓝心" class="zsh_lanxin"> 888 <p class="zsh_shu1168b"> 889 1168 890 </p> 891 </div> 892 </div> 893 <div class="fanye"><!--左侧八块-翻页 --> 894 <span class="shangyiye"> 895 上一页 896 </span><!-- 上一页 --> 897 <span class="shuzi1"> 898 1 899 </span><!-- 1 --> 900 <span class="shengluehao"> 901 ..... 902 </span><!-- 省略号 --> 903 <span class="shuzi12"> 904 12 905 </span><!-- 12 --> 906 <span class="shuzi13"> 907 13 908 </span><!-- 13 --> 909 <span class="shuzi14"><!-- 14 --> 910 14 911 </span> 912 <span class="shengluehao2"><!-- 省略号 --> 913 ..... 914 </span> 915 <span class="shuzi40"><!-- 40 --> 916 40 917 </span> 918 <span class="xiayiye"> <!-- 下一页 --> 919 下一页 920 </span> 921 </div> 922 <div class="zsh_fenjiexian"><!-- 左侧九块-分界线 --> 923 </div> 924 </div> 925 <div class="zsh_youcebufen"><!-- 右侧部分 --> 926 <div class="zsh_kanhuiji"><!-- 右侧上一图-看灰机 --> 927 <img src="images/zsh_看灰机.jpg" alt="看灰机"> 928 <img src="images/zsh_灰机灰.png" alt="灰机灰" class="zsh_huijihui"> 929 <p class="zsh_yipiao"> 930 一票在手，免费游岛 931 </p> 932 </div> 933 <div class="zsh_kanhuiji"><!-- 右侧上二图-看美女 --> 934 <img src="images/zsh_看美女.jpg" alt="看美女"> 935 <img src="images/zsh_灰机灰.png" alt="灰机灰" class="zsh_huijihui"> 936 <p class="zsh_siren"> 937 私人司导 938 </p> 939 </div> 940 </div> 941 </div> 942 <!-- 中间主体部分结束 --> 943 <!-- 脚部部分开始 --> 944 <div class="dibuxinxi"><!-- 底部信息栏 --> 945 <div class="xinxishang"><!-- 信息栏上部分 --> 946 <ul class="diyilie"><!-- 1 --> 947 <li class="l1">关于遛弯</li> 948 <li class="l2">公司简介</li> 949 <li class="l3">联系我们</li> 950 <li class="l3">诚聘英才</li> 951 <li class="l3">网站地址</li> 952 </ul> 953 <ul class="dierlie"><!-- 2 --> 954 <li class="l1">帮助中心</li> 955 <li class="l2">赴台手续</li> 956 <li class="l3">遛弯玩法</li> 957 <li class="l3">常见问题</li> 958 </ul> 959 <ul class="disanlie"><!-- 3 --> 960 <li class="l1">网站条款</li> 961 <li class="l2">服务条款</li> 962 <li class="l3">免责声明</li> 963 </ul> 964 <ul class="disilie"><!-- 4 --> 965 <li class="l1">关注我们</li> 966 <li class="l6"><img src="images/微信logo.png" alt=""></li> 967 </ul> 968 <ul class="diwulie"><!-- 5 --> 969 <li class="l1">400 820 8820</li> 970 <li class="l7">周一至周日</li> 971 <li class="l7">9:00~20:00</li> 972 <li class="l7"><img src="images/zsh_在线服务.png" alt=""></li> 973 </ul> 974 </div> 975 <div class="xinxixia"><!-- 信息栏下部分 --> 976 <div class="dibukuang"> 977 <p class="pp"> 978 Copyright © 2013-2014 www.6waner.cn All Right Reserved. 京ICP备11015236号 979 </p> 980 </div> 981 </div> 982 </div> 983 <!-- 脚部部分结束 --> 984 </body> 985 </html>
