项目一~美食达人图册
浏览器截图部分：
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===========================*/ 47 48 49 head.css: 50 * 51 { 52 margin: 0; 53 padding: 0; 54 } 55 .head 56 { 57 border-bottom:4px solid #176fbb; 58 min-width: 1000px; 59 } 60 .headcon 61 { 62 width: 1000px; 63 margin: 0 auto; 64 overflow: hidden; 65 padding-top: 15px; 66 padding-bottom: 9px; 67 } 68 .head1 69 { 70 float: left; 71 } 72 .head2 73 { 74 float: right; 75 } 76 .banners 77 { 78 float: left; 79 margin-right: 14px; 80 font-family: "微软雅黑"; 81 font-size: 14px; 82 color: #505050; 83 text-decoration: none; 84 } 85 .headboreder 86 { 87 border-right: 2px solid #3c3c3c; 88 padding-right: 14px; 89 } 90 .headinp 91 { 92 width: 151px; 93 height: 24px; 94 margin-right: 0px; 95 } 96 .xinglixiang 97 { 98 margin-top: -5px; 99 } 100 .phone 101 { 102 margin-top: -1px; 103 } 104 .sousuo 105 { 106 margin-top: -6px; 107 } 108 .head3 109 { 110 float: left; 111 margin-left: 56px; 112 margin-top: 40px; 113 } 114 .head3 a 115 { 116 font-family: "微软雅黑"; 117 font-size: 18px; 118 color: #3c3c3c; 119 text-decoration: none; 120 margin-left: 38px; 121 } 122 123 buttom.css: 124 125 .dibuxinxi 126 { 127 margin-top: 30px; 128 overflow: hidden; 129 width: 100%; 130 min-width: 1000px; 131 background-color:#023c4d; 132 } 133 .xinxishang 134 { 135 width: 1000px; 136 color: #ffffff; 137 overflow: hidden; 138 margin: 0 auto; 139 } 140 .diyilie 141 { 142 float: left; 143 padding-left: 102px; 144 float: left; 145 } 146 .l1 147 { 148 padding-top: 22px; 149 font-size: 18px; 150 font-weight: bold; 151 } 152 .l2 153 { 154 padding-top: 11px; 155 font-size: 14px; 156 } 157 .l3,.l4,.l5 158 { 159 padding-top: 15px; 160 font-size: 14px; 161 } 162 .dierlie 163 { 164 float: left; 165 margin-left: 80px; 166 float: left; 167 } 168 .disanlie 169 { 170 float: left; 171 margin-left: 80px; 172 float: left; 173 } 174 .disilie 175 { 176 float: left; 177 margin-left: 80px; 178 float: left; 179 } 180 .l6 181 { 182 padding-top: 22px; 183 font-size: 14px; 184 } 185 .diwulie 186 { 187 float: left; 188 margin-left: 80px; 189 float: left; 190 } 191 .l7 192 { 193 font-size: 18px; 194 padding-top: 18px; 195 } 196 .xinxixia 197 { 198 border-top:1px solid #ffffff; 199 margin-top: 22px; 200 } 201 .dibukuang 202 { 203 height: 57px; 204 line-height: 57px; 205 width: 1000px; 206 margin: 0 auto; 207 } 208 .pp 209 { 210 text-align: center; 211 color: #ffffff; 212 }
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>美食达人图册</title> 6 <meta name="Keywords" content="台湾美食达人"> 7 <meta name="Description" content="美食图册"> 8 <link rel="stylesheet" href="css/head.css"> 9 <link rel="stylesheet" href="css/reset.css"> 10 <link rel="stylesheet" href="css/buttom.css"> 11 <style> 12 * 13 { 14 margin: 0; 15 padding: 0; 16 } 17 .head 18 { 19 min-width: 1019px; 20 } 21 .zhengwenzhengti 22 { 23 width: 1019px; 24 margin: 0 auto; 25 min-width: 1000px; 26 } 27 .shouye 28 { 29 position: relative; 30 height: 205px; 31 32 } 33 .wenzi 34 { 35 padding-left: 10px; 36 padding-top: 20px; 37 38 } 39 .taiwan 40 { 41 padding-left: 10px; 42 margin-top: 21px; 43 44 } 45 .xiangji 46 { 47 position: absolute; 48 left: 29px; 49 top: 94px; 50 51 } 52 .taiwanmeishi 53 { 54 position: absolute; 55 left: 160px; 56 top: 130px; 57 color: #ffffff; 58 font-size:18px; 59 font-weight: bold; 60 61 } 62 .tianlan 63 { 64 position: absolute; 65 left: 160px; 66 top: 186px; 67 font-size: 18px; 68 color: #3c3c3c; 69 font-weight: bold; 70 71 } 72 .zhengwenzhengjian 73 { 74 overflow: hidden; 75 margin-top: 19px; 76 77 } 78 .yipaiyilie 79 { 80 float: left; 81 height: 230px; 82 width: 332px; 83 position: relative; 84 } 85 .tuceng1,.tuceng2 86 { 87 width: 313px; 88 height: 220px; 89 } 90 .tuceng1 91 { 92 background-color: #bfbfbf; 93 z-index: 3; 94 position: absolute; 95 left: 19px; 96 top: 10px; 97 } 98 .tuceng2 99 { 100 background-color: #dcdcdc; 101 z-index: 5; 102 position: absolute; 103 left: 15px; 104 top: 5px; 105 } 106 .tuceng3 107 { 108 z-index: 19; 109 position: absolute; 110 left: 10px; 111 top: 0px; 112 width: 307px; 113 height: 217px; 114 border: 3px solid #8bb58b; 115 } 116 .tuceng4 117 { 118 width: 307px; 119 height: 217px; 120 z-index:7; 121 position: absolute; 122 left: 10px; 123 top: 0px; 124 } 125 .tuceng5 126 { 127 position: absolute; 128 left: 0; 129 top: 11px; 130 z-index: 20; 131 } 132 .tuceng6 133 { 134 position: absolute; 135 top: 171px; 136 left: 10px; 137 z-index: 13; 138 } 139 .tuceng7 140 { 141 position: absolute; 142 left: 29px; 143 top: 150px; 144 z-index: 15; 145 } 146 .zuozhe,.kending,.hongxin,.lanxin 147 { 148 color: #ffffff; 149 font-weight: bold; 150 font-size: 12px; 151 } 152 .zuozhe 153 { 154 position: absolute; 155 left: 20px; 156 top:203px; 157 z-index: 17; 158 } 159 .kending 160 { 161 position: absolute; 162 left: 187px; 163 top: 180px; 164 z-index: 17; 165 } 166 .hongxin 167 { 168 position: absolute; 169 background: url(images/zsh_红心.png) no-repeat; 170 top: 200px; 171 left: 188px; 172 z-index: 17; 173 padding-left: 24px; 174 } 175 .lanxin 176 { 177 position: absolute; 178 color: #ffffff; 179 font-weight: bold; 180 font-size: 12px; 181 background: url(images/zsh_蓝心1.png) no-repeat; 182 top: 200px; 183 left: 260px; 184 z-index: 17; 185 padding-left: 24px; 186 } 187 .yipaiyilie:hover .tuceng3 188 { 189 display: block; 190 } 191 .yipaiyilie:hover .tuceng5 192 { 193 display: block; 194 } 195 .tuceng3,.tuceng5 196 { 197 display: none; 198 } 199 .yipaierlie 200 { 201 float: left; 202 height: 230px; 203 width: 332px; 204 margin-left: 9px; 205 position: relative; 206 } 207 .yipaierlie:hover .tuceng3 208 { 209 display: block; 210 } 211 .yipaierlie:hover .tuceng5 212 { 213 display: block; 214 } 215 .yipaierlie:hover .tuceng5 216 { 217 display: block; 218 } 219 .erpaiyilie 220 { 221 margin-top: 17px; 222 } 223 .wupai 224 { 225 margin-top: 20px; 226 float: left; 227 width: 100%; 228 } 229 .remenhuace 230 { 231 font-size: 28px; 232 font-weight: bold; 233 color: #3c3c3c; 234 border: 2px solid #51b23e; 235 width: 255px; 236 height: 34px; 237 line-height: 34px; 238 margin-left: 10px; 239 padding-left: 19px; 240 } 241 </style> 242 </head> 243 <body> 244 <!-- 头部部分开始 --> 245 <div class="head"> 246 <div class="headcon"> 247 <div class="head1"> 248 <img src="images/ban.png" alt=""> 249 </div> 250 <div class="head2"> 251 <img class="banners phone" src="images/phone.png" alt=""> 252 <span class="banners headboreder">400-800-8820</span> 253 <a class="banners headboreder" href="###">登陆</a> 254 <a class="banners headboreder" href="###">注册</a> 255 <img class="banners xinglixiang" src="images/xingli.png" alt=""> 256 <span class="banners ">行李箱</span> 257 <input class="banners headinp sousuo" type="text"> 258 <img class="banners sousuo" src="images/sousuo.png" alt=""> 259 </div> 260 <div class="head3"> 261 <img src="images/fangzi.png" alt=""> 262 <a href="###">第一次</a> 263 <a href="###">目的地</a> 264 <a href="###">自定行程</a> 265 <a href="###">游记</a> 266 <a href="###">特产</a> 267 <a href="###">优惠</a> 268 <a href="###">环岛巴士</a> 269 </div> 270 </div> 271 </div> 272 <!-- 头部不部分结束 --> 273 <!-- 正文部分开始 --> 274 <div class="zhengwenzhengti"> 275 <div class="shouye"><!-- 正文上部 --> 276 <p class="wenzi"><!-- 首页>达人>图册 --> 277 首页>达人>图册 278 </p> 279 <div class="taiwan"><!-- 台湾美食达人背景 --> 280 <img src="images/zsh_台湾美食达人.png" alt="台湾美食达人"> 281 </div> 282 <div class="xiangji"><!-- 拍人相机 --> 283 <img src="images/zsh_人头相机.png" alt="拍人相机"> 284 </div> 285 <div class="taiwanmeishi"><!-- 台湾美食达人 --> 286 台湾美食达人 287 </div> 288 <div class="tianlan"><!-- 天蓝色的 --> 289 天蓝色的 290 </div> 291 </div> 292 <div class="zhengwenzhengjian"><!-- 正文中间图册 --> 293 <div class="yipaiyilie"><!-- 一排一列 --> 294 <div class="tuceng1"><!-- 图层1 --> 295 </div> 296 <div class="tuceng2"><!-- 图层2 --> 297 </div> 298 <div class="tuceng3"><!-- 图层3 蓝框 --> 299 </div> 300 <div class="tuceng4"><!-- 图层4 花圃--> 301 <img src="images/zsh_花圃.jpg" alt="花圃"> 302 </div> 303 <div class="tuceng5"><!-- 图层5 215边--> 304 <img src="images/zsh_215.png" alt="215边"> 305 </div> 306 <div class="tuceng6"><!-- 图层6 阴影--> 307 <img src="images/zsh_阴影1.png" alt="阴影"> 308 </div> 309 <div class="tuceng7"><!-- 图层7 美女--> 310 <img src="images/zsh_圆形1.png" alt="美女"> 311 </div> 312 <div class="zuozhe"><!-- 作者：佚名 --> 313 作者：佚名 314 </div> 315 <div class="kending"><!-- 垦丁假期 --> 316 垦丁假期 317 </div> 318 <div class="hongxin"><!-- 红心1168 --> 319 1168 320 </div> 321 <div class="lanxin"><!-- 蓝心1168 --> 322 1168 323 </div> 324 </div> 325 <div class="yipaierlie"><!-- 一排二列 --> 326 <div class="tuceng1"><!-- 图层1 --> 327 </div> 328 <div class="tuceng2"><!-- 图层2 --> 329 </div> 330 <div class="tuceng3"><!-- 图层3 蓝框--> 331 </div> 332 <div class="tuceng4"><!-- 图层4 台北 --> 333 <img src="images/zsh_台北.jpg" alt="台北"> 334 </div> 335 <div class="tuceng5"><!-- 图层5 215边 --> 336 <img src="images/zsh_215.png" alt="215边"> 337 </div> 338 <div class="tuceng6"><!-- 图层6 阴影 --> 339 <img src="images/zsh_阴影1.png" alt="阴影"> 340 </div> 341 <div class="tuceng7"><!-- 图层7 美女看景 --> 342 <img src="images/zsh_圆形2.png" alt="美女看景"> 343 </div> 344 <div class="zuozhe"><!-- 作者：佚名 --> 345 作者：佚名 346 </div> 347 <div class="kending"><!-- 台北一日游 --> 348 台北一日游 349 </div> 350 <div class="hongxin"><!-- 红心1168 --> 351 1168 352 </div> 353 <div class="lanxin"><!-- 蓝心1168 --> 354 1168 355 </div> 356 </div> 357 <div class="yipaierlie"><!-- 一排三列 --> 358 <div class="tuceng1"><!-- 图层1 --> 359 </div> 360 <div class="tuceng2"><!-- 图层2 --> 361 </div> 362 <div class="tuceng3"><!-- 图层3 蓝框--> 363 </div> 364 <div class="tuceng4"><!-- 图层4 火车 --> 365 <img src="images/zsh_火车.jpg" alt="台北"> 366 </div> 367 <div class="tuceng5"><!-- 图层5 215边 --> 368 <img src="images/zsh_215.png" alt="215边"> 369 </div> 370 <div class="tuceng6"><!-- 图层6 阴影 --> 371 <img src="images/zsh_阴影1.png" alt="阴影"> 372 </div> 373 <div class="tuceng7"><!-- 图层7 美女看景 --> 374 <img src="images/zsh_圆形3.png" alt="美女再看我"> 375 </div> 376 <div class="zuozhe"><!-- 作者：佚名 --> 377 作者：佚名 378 </div> 379 <div class="kending"><!-- 嘉义一日游 --> 380 嘉义一日游 381 </div> 382 <div class="hongxin"><!-- 红心1168 --> 383 1168 384 </div> 385 <div class="lanxin"><!-- 蓝心1168 --> 386 1168 387 </div> 388 </div> 389 <div class="yipaiyilie erpaiyilie"><!-- 二排一列 --> 390 <div class="tuceng1"><!-- 图层1 --> 391 </div> 392 <div class="tuceng2"><!-- 图层2 --> 393 </div> 394 <div class="tuceng3"><!-- 图层3 蓝框 --> 395 </div> 396 <div class="tuceng4"><!-- 图层4 台东--> 397 <img src="images/zsh_台东.jpg" alt="台东"> 398 </div> 399 <div class="tuceng5"><!-- 图层5 215边--> 400 <img src="images/zsh_215.png" alt="215边"> 401 </div> 402 <div class="tuceng6"><!-- 图层6 阴影--> 403 <img src="images/zsh_阴影1.png" alt="阴影"> 404 </div> 405 <div class="tuceng7"><!-- 图层7 美女--> 406 <img src="images/zsh_圆形1.png" alt="美女"> 407 </div> 408 <div class="zuozhe"><!-- 作者：佚名 --> 409 作者：佚名 410 </div> 411 <div class="kending"><!-- 台东一日游 --> 412 台东一日游 413 </div> 414 <div class="hongxin"><!-- 红心1168 --> 415 1168 416 </div> 417 <div class="lanxin"><!-- 蓝心1168 --> 418 1168 419 </div> 420 </div> 421 <div class="yipaierlie erpaiyilie"><!-- 二排二列 --> 422 <div class="tuceng1"><!-- 图层1 --> 423 </div> 424 <div class="tuceng2"><!-- 图层2 --> 425 </div> 426 <div class="tuceng3"><!-- 图层3 蓝框--> 427 </div> 428 <div class="tuceng4"><!-- 图层4 高雄 --> 429 <img src="images/zsh_高雄.jpg" alt="高雄"> 430 </div> 431 <div class="tuceng5"><!-- 图层5 215边 --> 432 <img src="images/zsh_215.png" alt="215边"> 433 </div> 434 <div class="tuceng6"><!-- 图层6 阴影 --> 435 <img src="images/zsh_阴影1.png" alt="阴影"> 436 </div> 437 <div class="tuceng7"><!-- 图层7 美女看景 --> 438 <img src="images/zsh_圆形2.png" alt="美女看景"> 439 </div> 440 <div class="zuozhe"><!-- 作者：佚名 --> 441 作者：佚名 442 </div> 443 <div class="kending"><!-- 高雄一日游 --> 444 高雄一日游 445 </div> 446 <div class="hongxin"><!-- 红心1168 --> 447 1168 448 </div> 449 <div class="lanxin"><!-- 蓝心1168 --> 450 1168 451 </div> 452 </div> 453 <div class="yipaierlie erpaiyilie"><!-- 二排三列 --> 454 <div class="tuceng1"><!-- 图层1 --> 455 </div> 456 <div class="tuceng2"><!-- 图层2 --> 457 </div> 458 <div class="tuceng3"><!-- 图层3 蓝框--> 459 </div> 460 <div class="tuceng4"><!-- 图层4 嘉义 --> 461 <img src="images/zsh_嘉义.jpg" alt="嘉义"> 462 </div> 463 <div class="tuceng5"><!-- 图层5 215边 --> 464 <img src="images/zsh_215.png" alt="215边"> 465 </div> 466 <div class="tuceng6"><!-- 图层6 阴影 --> 467 <img src="images/zsh_阴影1.png" alt="阴影"> 468 </div> 469 <div class="tuceng7"><!-- 图层7 美女看景 --> 470 <img src="images/zsh_圆形3.png" alt="美女再看我"> 471 </div> 472 <div class="zuozhe"><!-- 作者：佚名 --> 473 作者：佚名 474 </div> 475 <div class="kending"><!-- 嘉义一日游 --> 476 嘉义一日游 477 </div> 478 <div class="hongxin"><!-- 红心1168 --> 479 1168 480 </div> 481 <div class="lanxin"><!-- 蓝心1168 --> 482 1168 483 </div> 484 </div> 485 <div class="yipaiyilie erpaiyilie"><!-- 三排一列 --> 486 <div class="tuceng1"><!-- 图层1 --> 487 </div> 488 <div class="tuceng2"><!-- 图层2 --> 489 </div> 490 <div class="tuceng3"><!-- 图层3 蓝框 --> 491 </div> 492 <div class="tuceng4"><!-- 图层4 台中--> 493 <img src="images/zsh_台中桥.jpg" alt="台中"> 494 </div> 495 <div class="tuceng5"><!-- 图层5 215边--> 496 <img src="images/zsh_215.png" alt="215边"> 497 </div> 498 <div class="tuceng6"><!-- 图层6 阴影--> 499 <img src="images/zsh_阴影1.png" alt="阴影"> 500 </div> 501 <div class="tuceng7"><!-- 图层7 美女--> 502 <img src="images/zsh_圆形1.png" alt="美女"> 503 </div> 504 <div class="zuozhe"><!-- 作者：佚名 --> 505 作者：佚名 506 </div> 507 <div class="kending"><!-- 台东一日游 --> 508 台中一日游 509 </div> 510 <div class="hongxin"><!-- 红心1168 --> 511 1168 512 </div> 513 <div class="lanxin"><!-- 蓝心1168 --> 514 1168 515 </div> 516 </div> 517 <div class="yipaierlie erpaiyilie"><!-- 三排二列 --> 518 <div class="tuceng1"><!-- 图层1 --> 519 </div> 520 <div class="tuceng2"><!-- 图层2 --> 521 </div> 522 <div class="tuceng3"><!-- 图层3 蓝框--> 523 </div> 524 <div class="tuceng4"><!-- 图层4 台北 --> 525 <img src="images/zsh_台北塔.jpg" alt="台北塔"> 526 </div> 527 <div class="tuceng5"><!-- 图层5 215边 --> 528 <img src="images/zsh_215.png" alt="215边"> 529 </div> 530 <div class="tuceng6"><!-- 图层6 阴影 --> 531 <img src="images/zsh_阴影1.png" alt="阴影"> 532 </div> 533 <div class="tuceng7"><!-- 图层7 美女看景 --> 534 <img src="images/zsh_圆形2.png" alt="美女看景"> 535 </div> 536 <div class="zuozhe"><!-- 作者：佚名 --> 537 作者：佚名 538 </div> 539 <div class="kending"><!-- 台北一日游 --> 540 台北一日游 541 </div> 542 <div class="hongxin"><!-- 红心1168 --> 543 1168 544 </div> 545 <div class="lanxin"><!-- 蓝心1168 --> 546 1168 547 </div> 548 </div> 549 <div class="yipaierlie erpaiyilie"><!-- 三排三列 --> 550 <div class="tuceng1"><!-- 图层1 --> 551 </div> 552 <div class="tuceng2"><!-- 图层2 --> 553 </div> 554 <div class="tuceng3"><!-- 图层3 蓝框--> 555 </div> 556 <div class="tuceng4"><!-- 图层4 花莲 --> 557 <img src="images/zsh_花莲门.jpg" alt="花莲"> 558 </div> 559 <div class="tuceng5"><!-- 图层5 215边 --> 560 <img src="images/zsh_215.png" alt="215边"> 561 </div> 562 <div class="tuceng6"><!-- 图层6 阴影 --> 563 <img src="images/zsh_阴影1.png" alt="阴影"> 564 </div> 565 <div class="tuceng7"><!-- 图层7 美女看景 --> 566 <img src="images/zsh_圆形3.png" alt="美女再看我"> 567 </div> 568 <div class="zuozhe"><!-- 作者：佚名 --> 569 作者：佚名 570 </div> 571 <div class="kending"><!-- 花莲一日游 --> 572 花莲一日游 573 </div> 574 <div class="hongxin"><!-- 红心1168 --> 575 1168 576 </div> 577 <div class="lanxin"><!-- 蓝心1168 --> 578 1168 579 </div> 580 </div> 581 <div class="yipaiyilie erpaiyilie"><!-- 四排一列 --> 582 <div class="tuceng1"><!-- 图层1 --> 583 </div> 584 <div class="tuceng2"><!-- 图层2 --> 585 </div> 586 <div class="tuceng3"><!-- 图层3 蓝框 --> 587 </div> 588 <div class="tuceng4"><!-- 图层4 台东绿岛--> 589 <img src="images/zsh_台东绿岛.jpg" alt="台东绿岛"> 590 </div> 591 <div class="tuceng5"><!-- 图层5 215边--> 592 <img src="images/zsh_215.png" alt="215边"> 593 </div> 594 <div class="tuceng6"><!-- 图层6 阴影--> 595 <img src="images/zsh_阴影1.png" alt="阴影"> 596 </div> 597 <div class="tuceng7"><!-- 图层7 美女--> 598 <img src="images/zsh_圆形1.png" alt="美女"> 599 </div> 600 <div class="zuozhe"><!-- 作者：佚名 --> 601 作者：佚名 602 </div> 603 <div class="kending"><!-- 台东绿岛一日游 --> 604 台东绿岛一日游 605 </div> 606 <div class="hongxin"><!-- 红心1168 --> 607 1168 608 </div> 609 <div class="lanxin"><!-- 蓝心1168 --> 610 1168 611 </div> 612 </div> 613 <div class="yipaierlie erpaiyilie"><!-- 四排二列 --> 614 <div class="tuceng1"><!-- 图层1 --> 615 </div> 616 <div class="tuceng2"><!-- 图层2 --> 617 </div> 618 <div class="tuceng3"><!-- 图层3 蓝框--> 619 </div> 620 <div class="tuceng4"><!-- 图层4 日月潭 --> 621 <img src="images/zsh_日月潭.jpg" alt="日月潭塔"> 622 </div> 623 <div class="tuceng5"><!-- 图层5 215边 --> 624 <img src="images/zsh_215.png" alt="215边"> 625 </div> 626 <div class="tuceng6"><!-- 图层6 阴影 --> 627 <img src="images/zsh_阴影1.png" alt="阴影"> 628 </div> 629 <div class="tuceng7"><!-- 图层7 美女看景 --> 630 <img src="images/zsh_圆形2.png" alt="美女看景"> 631 </div> 632 <div class="zuozhe"><!-- 作者：佚名 --> 633 作者：佚名 634 </div> 635 <div class="kending"><!-- 日月潭一日游 --> 636 日月潭一日游 637 </div> 638 <div class="hongxin"><!-- 红心1168 --> 639 1168 640 </div> 641 <div class="lanxin"><!-- 蓝心1168 --> 642 1168 643 </div> 644 </div> 645 <div class="yipaierlie erpaiyilie"><!-- 四排三列 --> 646 <div class="tuceng1"><!-- 图层1 --> 647 </div> 648 <div class="tuceng2"><!-- 图层2 --> 649 </div> 650 <div class="tuceng3"><!-- 图层3 蓝框--> 651 </div> 652 <div class="tuceng4"><!-- 图层4 台中 --> 653 <img src="images/zsh_台中石头.jpg" alt="台中"> 654 </div> 655 <div class="tuceng5"><!-- 图层5 215边 --> 656 <img src="images/zsh_215.png" alt="215边"> 657 </div> 658 <div class="tuceng6"><!-- 图层6 阴影 --> 659 <img src="images/zsh_阴影1.png" alt="阴影"> 660 </div> 661 <div class="tuceng7"><!-- 图层7 美女看景 --> 662 <img src="images/zsh_圆形3.png" alt="美女再看我"> 663 </div> 664 <div class="zuozhe"><!-- 作者：佚名 --> 665 作者：佚名 666 </div> 667 <div class="kending"><!-- 台中一日游 --> 668 台中一日游 669 </div> 670 <div class="hongxin"><!-- 红心1168 --> 671 1168 672 </div> 673 <div class="lanxin"><!-- 蓝心1168 --> 674 1168 675 </div> 676 </div> 677 <div class="wupai"><!-- 第五排 热门画册推荐 --> 678 <p class="remenhuace"> 679 热门画册推荐 680 </p> 681 </div> 682 <div class="yipaiyilie erpaiyilie"><!-- 六排一列 --> 683 <div class="tuceng1"><!-- 图层1 --> 684 </div> 685 <div class="tuceng2"><!-- 图层2 --> 686 </div> 687 <div class="tuceng3"><!-- 图层3 蓝框 --> 688 </div> 689 <div class="tuceng4"><!-- 图层4 台东--> 690 <img src="images/zsh_台东.jpg" alt="台东"> 691 </div> 692 <div class="tuceng5"><!-- 图层5 215边--> 693 <img src="images/zsh_215.png" alt="215边"> 694 </div> 695 <div class="tuceng6"><!-- 图层6 阴影--> 696 <img src="images/zsh_阴影1.png" alt="阴影"> 697 </div> 698 <div class="tuceng7"><!-- 图层7 美女--> 699 <img src="images/zsh_圆形1.png" alt="美女"> 700 </div> 701 <div class="zuozhe"><!-- 作者：佚名 --> 702 作者：佚名 703 </div> 704 <div class="kending"><!-- 台东一日游 --> 705 台东一日游 706 </div> 707 <div class="hongxin"><!-- 红心1168 --> 708 1168 709 </div> 710 <div class="lanxin"><!-- 蓝心1168 --> 711 1168 712 </div> 713 </div> 714 <div class="yipaierlie erpaiyilie"><!-- 六排二列 --> 715 <div class="tuceng1"><!-- 图层1 --> 716 </div> 717 <div class="tuceng2"><!-- 图层2 --> 718 </div> 719 <div class="tuceng3"><!-- 图层3 蓝框--> 720 </div> 721 <div class="tuceng4"><!-- 图层4 高雄 --> 722 <img src="images/zsh_高雄.jpg" alt="高雄"> 723 </div> 724 <div class="tuceng5"><!-- 图层5 215边 --> 725 <img src="images/zsh_215.png" alt="215边"> 726 </div> 727 <div class="tuceng6"><!-- 图层6 阴影 --> 728 <img src="images/zsh_阴影1.png" alt="阴影"> 729 </div> 730 <div class="tuceng7"><!-- 图层7 美女看景 --> 731 <img src="images/zsh_圆形2.png" alt="美女看景"> 732 </div> 733 <div class="zuozhe"><!-- 作者：佚名 --> 734 作者：佚名 735 </div> 736 <div class="kending"><!-- 高雄一日游 --> 737 高雄一日游 738 </div> 739 <div class="hongxin"><!-- 红心1168 --> 740 1168 741 </div> 742 <div class="lanxin"><!-- 蓝心1168 --> 743 1168 744 </div> 745 </div> 746 <div class="yipaierlie erpaiyilie"><!-- 六排三列 --> 747 <div class="tuceng1"><!-- 图层1 --> 748 </div> 749 <div class="tuceng2"><!-- 图层2 --> 750 </div> 751 <div class="tuceng3"><!-- 图层3 蓝框--> 752 </div> 753 <div class="tuceng4"><!-- 图层4 嘉义 --> 754 <img src="images/zsh_嘉义.jpg" alt="嘉义"> 755 </div> 756 <div class="tuceng5"><!-- 图层5 215边 --> 757 <img src="images/zsh_215.png" alt="215边"> 758 </div> 759 <div class="tuceng6"><!-- 图层6 阴影 --> 760 <img src="images/zsh_阴影1.png" alt="阴影"> 761 </div> 762 <div class="tuceng7"><!-- 图层7 美女看景 --> 763 <img src="images/zsh_圆形3.png" alt="美女再看我"> 764 </div> 765 <div class="zuozhe"><!-- 作者：佚名 --> 766 作者：佚名 767 </div> 768 <div class="kending"><!-- 嘉义一日游 --> 769 嘉义一日游 770 </div> 771 <div class="hongxin"><!-- 红心1168 --> 772 1168 773 </div> 774 <div class="lanxin"><!-- 蓝心1168 --> 775 1168 776 </div> 777 </div> 778 </div> 779 </div> 780 <!-- 正文结束 --> 781 <!-- 底部信息栏开始--> 782 <div class="dibuxinxi"><!-- 底部信息栏 --> 783 <div class="xinxishang"><!-- 信息栏上部分 --> 784 <ul class="diyilie"><!-- 1 --> 785 <li class="l1">关于遛弯</li> 786 <li class="l2">公司简介</li> 787 <li class="l3">联系我们</li> 788 <li class="l3">诚聘英才</li> 789 <li class="l3">网站地址</li> 790 </ul> 791 <ul class="dierlie"><!-- 2 --> 792 <li class="l1">帮助中心</li> 793 <li class="l2">赴台手续</li> 794 <li class="l3">遛弯玩法</li> 795 <li class="l3">常见问题</li> 796 </ul> 797 <ul class="disanlie"><!-- 3 --> 798 <li class="l1">网站条款</li> 799 <li class="l2">服务条款</li> 800 <li class="l3">免责声明</li> 801 </ul> 802 <ul class="disilie"><!-- 4 --> 803 <li class="l1">关注我们</li> 804 <li class="l6"><img src="images/zsh_微信logo.png" alt=""></li> 805 </ul> 806 <ul class="diwulie"><!-- 5 --> 807 <li class="l1">400 820 8820</li> 808 <li class="l7">周一至周日</li> 809 <li class="l7">9:00~20:00</li> 810 <li class="l7"><img src="images/zsh_在线服务.png" alt=""></li> 811 </ul> 812 </div> 813 <div class="xinxixia"><!-- 信息栏下部分 --> 814 <div class="dibukuang"> 815 <p class="pp"> 816 Copyright © 2013-2014 www.6waner.cn All Right Reserved. 京ICP备11015236号 817 </p> 818 </div> 819 </div> 820 </div> 821 <!-- 底部信息栏结束 --> 822 </body> 823 </html>
