第一阶段-坑爹猴

   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="Descript" content="坑爹猴">
   8     <style>
   9         *
  10         {
  11             margin: 0;
  12             padding:0;
  13         }
  14         .dabeijing
  15         {
  16             width: 1024px;
  17             background: url(images/大背景.jpg) 0 0 repeat-y;
  18             margin: 0 auto;
  19         }
  20         .houtou
  21         {
  22             width: 948px;
  23             height: 224px;
  24             margin: 0 auto;
  25             background: url(images/空间.jpg) ;
  26         }
  27         .zhengjianzhengti
  28         {
  29             width: 932px;
  30             margin: 0 auto;
  31             margin-top: 10px;
  32             overflow: hidden;
  33         }
  34         .zuocezhengti
  35         {
  36             width: 227px;
  37             float: left;
  38         }
  39         .yinyuedaren
  40         {
  41             width: 227px;
  42             height: 350px;
  43             background-color: #fed3a6;
  44             overflow: hidden;
  45         }
  46         .outer
  47         {
  48             height: 44px;
  49             background: url(images/zhongbu.jpg) 0 0 repeat;
  50         }
  51         .left
  52         {
  53             height: 44px;
  54             background: url(images/left.jpg) left top no-repeat;
  55         }
  56         .right
  57         {
  58             height: 44px;
  59             background: url(images/right.jpg) right top no-repeat;
  60         }
  61         .xiangyou
  62         {
  63             width: 22px;
  64             height: 22px;
  65             padding-left: 13px;
  66             padding-top: 10px;
  67             float: left;
  68         }
  69         .t1
  70         {
  71             font-family:宋体;
  72             font-size: 14px;
  73             color: #b41f25;
  74             font-weight: bold;
  75             margin-left: 6px;
  76             text-align: center;
  77             line-height: 44px;
  78             float: left;
  79         }
  80         .nvren
  81         {
  82             width: 200px;
  83             height: 200px;
  84             background: url(images/女人.jpg);
  85             margin: 0 auto;
  86         }
  87         .gerenziliao
  88         {
  89             width: 66px;
  90             height: 24px;
  91             background: url(images/个人资料.jpg) no-repeat;
  92             margin-top: 8px;
  93             margin-left: 10px;
  94             float: left;
  95         }
  96         .jiaoyouziliao
  97         {
  98             width: 66px;
  99             height: 24px;
 100             background: url(images/交友资料.png) no-repeat;
 101             margin:8px 5px 6px;
 102             float: left;
 103         }
 104         .jiaweihaoyou
 105         {
 106             width: 66px;
 107             height: 24px;
 108             background: url(images/加为好友.png) no-repeat;
 109             margin-top:  8px ;
 110             margin-bottom: 6px;
 111             float: left;
 112         }
 113         .toutayipiao
 114         {
 115             width: 66px;
 116             height: 24px;
 117             background: url(images/投他一票.jpg) no-repeat;
 118             margin-top: 6px;
 119             margin-left: 10px;
 120             float: left;
 121         }
 122         .geitaliuyan
 123         {
 124             width: 66px;
 125             height: 24px;
 126             background: url(images/给他留言.jpg) no-repeat;
 127             margin-top: 6px;
 128             margin-left:5px;
 129             float: left;
 130         }
 131         .songtakapian 
 132         {
 133             width: 66px;
 134             height: 24px;
 135             background: url(images/送他卡片.jpg) no-repeat;
 136             margin-top: 6px;
 137             margin-left:5px;
 138             float: left;
 139         }
 140         .zhong1
 141         {
 142             height: 25px;
 143             width: 227px;
 144             background: url(images/中1.jpg) 0 0 repeat;
 145             margin-top: 13px;
 146             float: left;
 147         }
 148         .zuo1
 149         {
 150             height: 25px;
 151             background: url(images/下1.jpg) left top no-repeat ;
 152         }
 153         .you1
 154         {
 155             height: 25px;
 156             background: url(images/右1.jpg) right top no-repeat;
 157         }
 158         .yinyuehe
 159         {
 160             width: 227px;
 161             height: 350px;
 162             background-color: #fed3a6;
 163             margin-top: 13px;
 164             overflow: hidden;
 165         }
 166         .more
 167         {
 168             font-family:宋体;
 169             font-size: 14px;
 170             color: #b41f25;
 171             font-weight: bold;
 172             margin-left: 89px;
 173             text-align: center;
 174             line-height: 44px;
 175             float: left;
 176         }
 177         .gedan1
 178         {
 179             width: 55px;
 180             height: 23px;
 181             background: url(images/歌单一.jpg) no-repeat;
 182             margin-left: 8px;
 183             float: left;
 184         }
 185         .gedan2
 186         {
 187             width: 55px;
 188             height: 23px;
 189             background: url(images/歌单二.jpg) no-repeat;
 190             margin-left: 5px;
 191             float: left;
 192         }
 193         .gedan3
 194         {
 195             width: 55px;
 196             height: 23px;
 197             background: url(images/歌单三.jpg) no-repeat;
 198             margin-left: 5px;
 199             float: left;
 200         }
 201         .geming
 202         {
 203             margin-top: 20px;
 204             font-family: "宋体";
 205             font-size: 14px;
 206             color: #020001;
 207             height: 194px;
 208             margin-left: 21px;
 209             float: left;
 210         }
 211         .g1
 212         {
 213             float: left;
 214             height: 22px;
 215             line-height: 22px;
 216         }
 217         .g2
 218         {
 219             float: left;
 220             height: 22px;
 221             line-height: 22px;
 222         }
 223         .g3
 224         {
 225             float: left;
 226             height: 22px;
 227             line-height: 22px;
 228         }
 229         .g4
 230         {
 231             float: left;
 232             height: 22px;
 233             line-height: 22px;
 234         }
 235         .g5
 236         {
 237             float: left;
 238             height: 22px;
 239             line-height: 22px;
 240         }
 241         .g6
 242         {
 243             float: left;
 244             height: 22px;
 245             line-height: 22px;
 246         }
 247         .g7
 248         {
 249             float: left;
 250             height: 22px;
 251             line-height: 22px;
 252         }
 253         .g8
 254         {
 255             float: left;
 256             height: 22px;
 257             line-height: 22px;
 258         }
 259         .geming p
 260         {
 261             border-bottom-style: dotted;
 262             width: 181px;
 263 
 264         }
 265         .erji
 266         {
 267             float: right;
 268             padding-top: 8px;
 269         }    
 270 
 271         .shitingquanbu
 272         {
 273             
 274             float: right;
 275             padding-top: 9px;
 276             font-family: "宋体";
 277             font-size: 14px;
 278             font-weight: bold;
 279             color: #b41f25;
 280         }
 281         .houtui
 282         {
 283             width: 54px;
 284             height: 24px;
 285             background: url(images/后退.jpg) no-repeat;
 286             margin-top: 8px;
 287             margin-left: 20px;
 288             float: left;
 289         }
 290         .ayi
 291         {
 292             margin-top: 8px;
 293             margin-left: 32px;
 294             font-size: 14px;
 295             font-family: "宋体";
 296             font-weight: bold;
 297             color: #b21f25;
 298             margin-left: 25px;
 299             float: left;
 300         }
 301         .qianjin
 302         {
 303             width: 54px;
 304             height: 24px;
 305             background: url(images/前进.jpg) no-repeat;
 306             margin-top: 8px;
 307             margin-left: 25px;
 308             float: left;
 309         }
 310         .zhong2
 311         {
 312             height: 25px;
 313             width: 227px;
 314             background: url(images/中1.jpg) 0 0 repeat;
 315             margin-top: 44px;
 316             float: left;
 317         }
 318         .jingjigongsi
 319         {
 320             margin-top: 13px;
 321         }
 322         .zhong3
 323         {
 324             height: 25px;
 325             width: 227px;
 326             background: url(images/中1.jpg) 0 0 repeat;
 327             margin-top: 49px;
 328             float: left;
 329         }
 330         .rili
 331         {
 332             margin-top: 16px;
 333             height: 278px;
 334 
 335         }
 336         .more2
 337         {
 338             font-family:宋体;
 339             font-size: 14px;
 340             color: #b41f25;
 341             font-weight: bold;
 342             margin-left: 106px;
 343             text-align: center;
 344             line-height: 44px;
 345             float: left;
 346         }
 347         .yuanjiao
 348         {
 349             border:6px solid #feba73; 
 350             height: 188px;
 351             width: 193px;
 352             border-radius: 0 0 6px 6px;/*设置圆角*/
 353             border-top: 0;
 354             margin-left: 11px;
 355         }
 356         .biaotou
 357         {
 358             font-family: "宋体";
 359             font-size: 14px;
 360             font-weight: bold;
 361             color: #b31d26;
 362             padding-top: 9px;
 363             margin-left: 53px;
 364 
 365 
 366         }
 367         .riqi
 368         {
 369             margin-top: 10px;
 370         }
 371         .riqi ul
 372         {
 373             width: 13px;
 374             height: 114px;
 375 
 376             list-style: none;
 377         }
 378         .l1
 379         {
 380             margin-left: 22px;
 381             float: left;
 382         }    
 383         .l2
 384         {
 385             margin-left: 11px;
 386             float: left;
 387         }
 388         .l3
 389         {
 390             margin-left: 11px;
 391             float: left;
 392         }
 393         .l4
 394         {
 395             margin-left: 11px;
 396             float: left;
 397         }
 398         .l5
 399         {
 400             margin-left: 11px;
 401             float: left;
 402         }
 403         .l6
 404         {
 405             margin-left: 11px;
 406             float: left;
 407         }
 408         .l7
 409         {
 410             margin-left: 11px;
 411             float: left;
 412         }
 413         .suoxie
 414         {
 415             font-family: "宋体";
 416             font-size: 14px;
 417             font-weight: bold;
 418             color: #b21f25;
 419         }
 420         .shuzi13
 421         {
 422             width: 18px;
 423             height: 18px;
 424             background-color:#b41f23; 
 425         }
 426         .xiabu
 427         {
 428             font-family: "宋体";
 429             font-size: 14px;
 430             font-weight: bold;
 431             float: left;
 432         }
 433         .dec
 434         {
 435             padding-left: 33px;
 436             float: left;
 437             color: #b51e23;
 438         }
 439         .fvb
 440         {
 441             margin-left: 65px;
 442             float: right;
 443         }
 444         .zhong4
 445         {
 446             height: 25px;
 447             width: 227px;
 448             background: url(images/中1.jpg)  repeat;
 449             margin-top: 14px;
 450             float: left;
 451         }
 452         .zhongjianzhengti
 453         {
 454             width: 453px;
 455             height: 1154px;
 456             float: left;
 457         }
 458         .diyikuai
 459         {
 460             width: 456px;
 461             height: 286px;
 462             background-color: #fed3a6;
 463             overflow: hidden;
 464             margin-left: 11px;
 465         }
 466         .more1
 467         {
 468             font-family:宋体;
 469             font-size: 14px;
 470             color: #b41f25;
 471             font-weight: bold;
 472             margin-left: 330px;
 473             text-align: center;
 474             line-height: 44px;
 475             float: left;
 476         }
 477         .aidetiyan1
 478         {
 479             width: 142px;
 480             height: 196px;
 481             margin-left: 12px;
 482             background-color: #ff9935;
 483             float: left;
 484         }
 485         .yu
 486         {
 487             width: 126px;
 488             height: 126px;
 489             margin-top: 8px;
 490             margin-left: 8px;
 491             background: url(images/爱的体验.jpg) no-repeat;
 492             float: left;
 493         }
 494         .aidechutiyan1
 495         {
 496             float: left;
 497             margin-left: 17px;
 498             margin-top: 7px;
 499             font-size: 14px;
 500             font-family: "宋体";
 501         }
 502         .toupiao1
 503         {
 504             width: 64px;
 505             height: 22px;
 506             margin-left: 30px;
 507             float: left;
 508             background: url(images/投票.jpg) no-repeat;
 509             margin-top: 10px;
 510         }
 511         .aidetiyan2
 512         {
 513             width: 142px;
 514             height: 196px;
 515             margin-left: 6px;
 516 /*            background-color: #ff9935;*/
 517             float: left;
 518         }
 519         .rentou
 520         {
 521             width: 126px;
 522             height: 126px;
 523             margin-top: 8px;
 524             margin-left: 8px;
 525             background: url(images/人头.jpg) no-repeat;
 526             float: left;
 527         }
 528         .aidechutiyan2
 529         {
 530             float: left;
 531             margin-left: 17px;
 532             margin-top: 7px;
 533             font-size: 14px;
 534             font-family: "宋体";
 535         }
 536         .toupiao2
 537         {
 538             width: 64px;
 539             height: 22px;
 540             margin-left: 30px;
 541             float: left;
 542             background: url(images/投票2.jpg) no-repeat;
 543             margin-top: 10px;
 544         }
 545         .qiche
 546         {
 547             width: 126px;
 548             height: 126px;
 549             margin-top: 8px;
 550             margin-left: 8px;
 551             background: url(images/汽车.jpg) no-repeat;
 552             float: left;
 553         }
 554         .aidetiyan3
 555         {
 556             width: 142px;
 557             height: 196px;
 558             margin-left: 6px;
 559             float: left;
 560         }
 561         .zhong5
 562         {
 563             height: 25px;
 564             width: 456px;
 565             background: url(images/中1.jpg) 0 0 repeat;
 566             margin-top: 20px;
 567             float: left;
 568         }
 569         .dierkuai
 570         {
 571             width: 456px;
 572             height: 286px;
 573             background-color: #fed3a6;
 574             overflow: hidden;
 575             margin-left: 11px;
 576             margin-top: 12px;
 577         }
 578         .more22
 579         {
 580             font-family:宋体;
 581             font-size: 14px;
 582             color: #b41f25;
 583             font-weight: bold;
 584             margin-left: 298px;
 585             text-align: center;
 586             line-height: 44px;
 587             float: left;
 588         }
 589         .gecizuo
 590         {
 591             width: 226px;
 592             height: 189px;
 593             border-right: 1px solid #fcb66e;
 594             margin-top: 2px;
 595             float: left;
 596         }
 597         .lyrics
 598         {
 599             padding-left: 27px; 
 600             padding-top: 12px;
 601             list-style: none;
 602             font-family: "宋体";
 603             font-size: 14px;
 604         }
 605         .ly
 606         {
 607             height: 23px;
 608         }
 609         .shengluehao
 610         {
 611             float: left;
 612             padding-left: 28px;
 613             height: 20px;
 614         }
 615         .chakan
 616         {
 617             float: right;
 618             height: 20px;
 619             padding-right: 18px;
 620             line-height: normal;
 621         }
 622         .chakanquanbu
 623         {
 624             color: #b21f25;
 625             font-weight: bold;
 626         }
 627         .zhong6
 628         {
 629             height: 25px;
 630             width: 456px;
 631             background: url(images/中1.jpg) 0 0 repeat;
 632             margin-top: 26px;
 633             float: left;
 634         }
 635         .disankuai
 636         {
 637             width: 456px;
 638             height: 286px;
 639             background-color: #fed3a6;
 640             overflow: hidden;
 641             margin-left: 11px;
 642             margin-top: 12px;
 643         }
 644         .geciyou
 645         {
 646             border: 0;
 647         }
 648         .qianyinying
 649         {
 650             width: 448px;
 651             height: 21px;
 652             margin-top: 2px;
 653             margin-left: 4px;
 654             background-color: #ffc48a;
 655             font-weight: bold;
 656             font-family: "宋体";
 657             color: #b41f25;
 658             font-size: 14px;
 659             float: left;
 660         }
 661         .biaoti7
 662         {
 663             padding-left: 57px;
 664             float: left;
 665         }
 666         .riqi7
 667         {
 668             margin-left: 157px;
 669             float: left;
 670         }
 671         .piaoshu7
 672         {
 673             margin-left: 127px;
 674             float: left;
 675         }
 676         .hang1
 677         {
 678             float: left;
 679             height: 23px;
 680             line-height: 23px;
 681             border-bottom: 1px dotted;
 682         }
 683         .wo
 684         {
 685             float: left;
 686             margin-left: 18px;
 687         }
 688         .shuzi2007
 689         {
 690             float: left;
 691             margin-left: 43px;
 692         }
 693         .piaoshu
 694         {
 695             float: left;
 696             margin-left: 92px;
 697         }
 698         .zhong7
 699         {
 700             height: 25px;
 701             width: 456px;
 702             background: url(images/中1.jpg) 0 0 repeat;
 703             margin-top: 2px;
 704             float: left;
 705         }
 706         .fangwenjilu
 707         {
 708             width: 227px;
 709             height: 211px;
 710             background-color: #fed3a6;
 711             margin-left: 24px;
 712             float: left;
 713         }
 714         .hang8
 715         {
 716             float: left;
 717             width: 184px;
 718             padding-left: 21px;
 719             height: 20px;
 720             line-height: 31px;
 721             border-bottom: 1px dotted;
 722             margin-top: 5px;
 723         }
 724         .haoyoushuliang
 725         {
 726             font-weight: bold;
 727             font-family: "宋体";
 728             color: #b41f25;
 729             float: left;
 730             background: url(images/豆子.jpg) no-repeat;
 731             padding-left: 25px;
 732             height: 14px;
 733             line-height: 14px;
 734         }
 735         .zongshu
 736         {
 737             float: left;
 738             margin-left: 33px;
 739             line-height: 14px;
 740         }
 741         .liuyan
 742         {
 743             width: 227px;
 744             height: 280px;
 745             background-color: #fed3a6;
 746             margin-left: 24px;
 747             margin-top: 13px;
 748             float: left;
 749         }
 750         .zhong55
 751         {
 752             height: 25px;
 753             width: 227px;
 754             background: url(images/中1.jpg) 0 0 repeat;
 755             margin-top: -25px;
 756             margin-left: 25px;
 757             float: left;
 758         }
 759         .moreji
 760         {
 761             font-family:宋体;
 762             font-size: 14px;
 763             color: #b41f25;
 764             font-weight: bold;
 765             margin-left: 106px;
 766             text-align: center;
 767             line-height: 44px;
 768             float: left;
 769         }
 770         .haoyou
 771         {
 772             width: 227px;
 773             height: 425px;
 774             background-color: #fed3a6;
 775             margin-left: 24px;
 776             margin-top: 14px;
 777             float: left;
 778         }
 779         .wanjuxiong
 780         {
 781             width: 223px;
 782             height: 86px;
 783             background-color: #ff9935;    
 784             margin-top: 2px;
 785             margin-left: 2px;
 786             overflow: hidden;
 787         }
 788         .nanren
 789         {
 790             width: 66px;
 791             height: 66px;
 792             margin-left: 19px;
 793             padding-top: 10px;
 794             float: left;
 795         }
 796         .wanjuxiong1
 797         {
 798             font-weight: bold;
 799             font-family: "宋体";
 800             color: #b21f27;
 801             float: left;
 802             margin-left: 14px;
 803             margin-top: 17px;
 804             font-size: 14px;
 805         }
 806         .zheyangyigeren
 807         {
 808             font-weight: bold;
 809             font-family: "宋体";
 810             color: #020100;
 811             margin-left: 15px;
 812             margin-top: 10px;
 813             float: left;
 814             font-size: 12px;
 815         }
 816         .wanjuxionga
 817         {
 818             width: 223px;
 819             height: 86px;
 820             border-bottom: 1px solid #ff9935;    
 821             margin-top: 2px;
 822             margin-left: 2px;
 823             overflow: hidden;
 824         }
 825         .zhongn
 826         {
 827             height: 25px;
 828             width: 227px;
 829             background: url(images/中1.jpg) 0 0 repeat;
 830             margin-top: 1px;
 831             float: left;
 832         }
 833         .ouxiang
 834         {
 835             width: 227px;
 836             margin-left: 24px;
 837             margin-top: 14px;
 838             float: left;
 839         }
 840         .morex
 841         {
 842             text-decoration: none;
 843             color: #b41f25;
 844             float: left;
 845         }
 846         .morexx
 847         {
 848             color: #b41f25;
 849         }
 850         .dibuxinxilan
 851         {
 852             width: 948px;
 853             height: 85px;
 854             padding-bottom: 2px;
 855             margin-top: 18px;
 856             margin-left: 39px;
 857         }
 858         .dibubeijing
 859         {
 860             height: 85px;
 861             background: url(images/底部信息栏.jpg) repeat;
 862         }
 863         .dibumoban
 864         {
 865             font-size: 14px;
 866             font-family: "宋体";
 867             color: #811218;
 868             font-weight: bold;
 869             height: 14px;
 870             padding-top: 39px;
 871             margin-left: 132px;
 872             float: left;            
 873         }
 874         .xinshoushanglu
 875         {
 876             width: 71px;
 877             border-right: 2px solid #811218;
 878             float: left;
 879         }
 880         .guanyuwomen
 881         {
 882             border-right: 2px solid #811218;
 883             float: left;
 884             width: 71px;
 885             margin-left:11px; 
 886         }
 887         .fuwugonggao
 888         {
 889             border-right: 2px solid #811218;
 890             float: left;
 891             width: 71px;
 892             margin-left:11px; 
 893             color: #811218;
 894         }
 895         .kefuzhongxin
 896         {
 897             border-right: 0px;
 898         }
 899         .what
 900         {
 901             margin-left: 30px;
 902             margin-top: -12px;
 903             color: black;
 904             float: left;
 905         }
 906         .doudou
 907         {
 908             background: url(images/豆子.jpg)  no-repeat;
 909             width: 13px;
 910             height: 13px;
 911             margin-top: 10px;
 912             margin-left: 10px;
 913             float: left;
 914         }
 915         .s1
 916         {
 917             font-weight: bold;
 918             color: #b41f25;
 919             float: left;
 920         }
 921         .s2
 922         {
 923             font-weight: bold;
 924             color: black;
 925             float: left;
 926         }
 927         .s3
 928         {
 929             color: black;
 930 
 931         }
 932         .what1
 933         {
 934             margin-top: 10px;
 935 
 936         }
 937         .s4
 938         {
 939             font-weight: bold;
 940             color: #b41f25;
 941             float: left;
 942             text-decoration: none;
 943         }
 944         .s5
 945         {
 946             font-weight: bold;
 947             color: black;
 948             float: left;
 949                 text-decoration: none;
 950         }
 951         .s6
 952         {
 953             color: black;
 954                 text-decoration: none;
 955 
 956         }
 957     </style>
 958         }
 959 </head>
 960 <body>
 961         <!-- 头部 -->
 962     <div class="dabeijing"> <!-- 整个页面大背景 -->
 963         <div class="houtou"><!-- 猴头 -->
 964         </div>
 965         <div class="zhengjianzhengti"><!-- 中间三大块 -->
 966             <div class="zuocezhengti"><!-- 左侧整体 --> 
 967                 <div class="yinyuedaren"><!-- 音乐达人 -->
 968                     <div class="outer">
 969                         <div class="left">
 970                             <div class="right">
 971                                 <img class="xiangyou" src="images/向右.jpg" alt=""> 
 972                                 <div class="t1">音乐达人</div>
 973                             </div>
 974                         </div>
 975                     </div>
 976                     <div class="nvren"></div>
 977                     <div class="gerenziliao"></div>
 978                     <div class="jiaoyouziliao"></div>
 979                     <div class="jiaweihaoyou"></div>
 980                     <div class="toutayipiao"></div>
 981                     <div class="geitaliuyan"></div>
 982                     <div class="songtakapian"></div>
 983                     <div class="zhong1">
 984                         <div class="zuo1">
 985                             <div class="you1"></div>        
 986                         </div>
 987                     </div>
 988                 </div>
 989                 <div class="yinyuehe"><!-- 音乐盒 -->
 990                     <div class="outer">
 991                         <div class="left">
 992                             <div class="right">
 993                                 <img class="xiangyou" src="images/向右.jpg" alt=""> 
 994                                 <div class="t1">音乐盒</div>
 995                                 <div class="more" >
 996                                     <a href="###" class="morexx">more</a>
 997                                 </div>
 998                             </div>
 999                         </div>
1000                     </div>
1001                     <div class="gedan1"></div>
1002                     <div class="gedan2"></div>
1003                     <div class="gedan3"></div>
1004                     <div class="geming">
1005                         <p class="g1">
1006                             1.有沒有人告诉你-陈楚生
1007                             <img class="erji" src="images/耳机.jpg" alt="">
1008                         </p>
1009                         <p class="g2">
1010                             2.改变自己-王力宏
1011                             <img class="erji" src="images/耳机.jpg" alt="">
1012                         </p>
1013                         <p class="g3">
1014                             3.还不是因为爱-苏醒
1015                             <img class="erji" src="images/耳机.jpg" alt="">
1016                         </p>
1017                         <p class="g4">
1018                             4.西界-林俊杰
1019                             <img class="erji" src="images/耳机.jpg" alt="">
1020                         </p>
1021                         <p class="g5">
1022                             5.我们的歌-王力宏
1023                             <img class="erji" src="images/耳机.jpg" alt="">
1024                         </p>
1025                         <p class="g6">
1026                             6.如果你也听说-张惠妹
1027                             <img class="erji" src="images/耳机.jpg" alt="">
1028                         </p>
1029                         <p class="g7">
1030                             7.热浪-温岚
1031                             <img class="erji" src="images/耳机.jpg" alt="">
1032                         </p>
1033                         <p class="g8 ">
1034                             8.少年游-魏晨-快乐男声
1035                             <img class="erji" src="images/耳机.jpg" alt="">
1036                         </p>
1037                         <p>
1038                             <a class="shitingquanbu" href="###">试听全部</a>
1039                         </p>
1040                     </div>
1041                     <div class="zhong2">
1042                         <div class="zuo1">
1043                             <div class="you1"></div>        
1044                         </div>
1045                     </div>
1046                 </div>
1047                 <div class="yinyuedaren jingjigongsi"><!-- 经纪公司 -->
1048                     <div class="outer">
1049                         <div class="left">
1050                             <div class="right">
1051                                 <img class="xiangyou" src="images/向右.jpg" alt=""> 
1052                                 <div class="t1">经纪公司</div>
1053                                 <div class="more" >
1054                                     <a href="###" class="morexx">more</a>
1055                                 </div>
1056                             </div>
1057                         </div>
1058                     </div>
1059                     <div class="nvren"></div>
1060                     <div class="houtui"></div>
1061                     <div class="ayi">阿姨</div>
1062                     <div class="qianjin"></div>
1063                     <div class="zhong3">
1064                         <div class="zuo1">
1065                             <div class="you1"></div>        
1066                         </div>
1067                     </div>
1068                 </div>
1069                 <div class="yinyuedaren rili"><!-- 日历 -->
1070                     <div class="outer">
1071                         <div class="left">
1072                             <div class="right">
1073                                 <img class="xiangyou" src="images/向右.jpg" alt=""> 
1074                                 <div class="t1">日历</div>
1075                                 <div class="more2" >
1076                                     <a href="###" class="morexx">more</a>
1077                                 </div>
1078                             </div>
1079                         </div>
1080                     </div>
1081                     <div class="yuanjiao">
1082                         <div class="biaotou"><!-- 英文表头 -->
1083                             January 2007
1084                         </div>
1085                         <div class="riqi"><!-- 日期 -->
1086                             <ul class="l1"><!-- 第一列 -->
1087                                 <li class="suoxie">M</li>
1088                                 <li>1</li>
1089                                 <li>8</li>
1090                                 <li>15</li>
1091                                 <li>22</li>
1092                                 <li>29</li>
1093                             </ul>
1094                             <ul class="l2"><!-- 第二列 -->
1095                                 <li class="suoxie">T</li>
1096                                 <li>2</li>
1097                                 <li>9</li>
1098                                 <li>16</li>
1099                                 <li>23</li>
1100                                 <li>30</li>
1101                             </ul>
1102                             <ul class="l3"><!-- 第三列 -->
1103                                 <li class="suoxie">W</li>
1104                                 <li>3</li>
1105                                 <li>10</li>
1106                                 <li>17</li>
1107                                 <li>24</li>
1108                                 <li>31</li>
1109                             </ul>
1110                             <ul class="l4"><!-- 第四列 -->
1111                                 <li class="suoxie">T</li>
1112                                 <li>4</li>
1113                                 <li>11</li>
1114                                 <li>18</li>
1115                                 <li>25</li>
1116                             </ul>
1117                             <ul class="l5"><!-- 第五列 -->
1118                                 <li class="suoxie">F</li>
1119                                 <li>5</li>
1120                                 <li>12</li>
1121                                 <li>19</li>
1122                                 <li>26</li>
1123                             </ul>
1124                             <ul class="l6"><!-- 第六列 -->
1125                                 <li class="suoxie">S</li>
1126                                 <li>6</li>
1127                                 <li class="shuzi13">13</li>
1128                                 <li>20</li>
1129                                 <li>27</li>
1130                             </ul>
1131                             <ul class="l7"><!-- 第七列 -->
1132                                 <li class="suoxie">S</li>
1133                                 <li>7</li>
1134                                 <li>14</li>
1135                                 <li>21</li>
1136                                 <li>28</li>
1137                             </ul>
1138                         </div>
1139                         <div class="xiabu"><!-- 下部 -->
1140                             <p class="dec"> &lt;DEC </p>  
1141                             <p class="fvb">FVB&gt;</p>  
1142                         </div>
1143                     </div>
1144                     <div class="zhong4">
1145                         <div class="zuo1">
1146                             <div class="you1"></div>        
1147                         </div>
1148                     </div>
1149                 </div>
1150             </div>
1151             <div class="zhongjianzhengti"><!-- 中间整体 -->
1152                 <div class="diyikuai"><!-- 第一块-视频 -->
1153                     <div class="outer">
1154                         <div class="left">
1155                             <div class="right">
1156                                 <img class="xiangyou" src="images/向右.jpg" alt=""> 
1157                                 <div class="t1 ">视频</div>
1158                                 <div class="more1" >
1159                                     <a href="###" style="text-decoration:none;" class="morexx">more</a>
1160                                 </div>
1161                             </div>
1162                         </div>
1163                     </div>
1164                     <div class="aidetiyan1"><!-- 爱的体验1 -->
1165                         <div class="yu"></div>
1166                         <div class="aidechutiyan1">爱的初体验 223票</div>
1167                         <div class="toupiao1"></div>
1168                     </div>
1169                     <div class="aidetiyan2"><!-- 爱的体验2 -->
1170                         <div class="rentou"></div>
1171                         <div class="aidechutiyan2">爱的初体验 223票</div>
1172                         <div class="toupiao2"></div>
1173                     </div>
1174                     <div class="aidetiyan3"><!-- 爱的体验3 -->
1175                         <div class="qiche"></div>
1176                         <div class="aidechutiyan2">爱的初体验 223票</div>
1177                         <div class="toupiao2"></div>
1178                     </div>
1179                     <div><!-- 下边框 -->
1180                         <div class="zhong5">
1181                         <div class="zuo1">
1182                             <div class="you1"></div>        
1183                         </div>
1184                     </div>
1185                     </div>
1186                 </div>
1187                 <div class="dierkuai"><!-- 第二块-歌词创作 -->
1188                     <div class="outer">
1189                         <div class="left">
1190                             <div class="right">
1191                                 <img class="xiangyou" src="images/向右.jpg" alt=""> 
1192                                 <div class="t1 ">歌词创作</div>
1193                                 <div class="more22" >
1194                                     <a href="###" style="text-decoration:none;" class="morexx">more</a>
1195                                 </div>
1196                             </div>
1197                         </div>
1198                     </div>
1199                     <div class="gecizuo"><!-- 左侧歌词 -->
1200                         <ol class="lyrics">
1201                             <li class="ly">当你在穿山越岭的另一边</li>
1202                             <li class="ly">我在孤独的路上没有尽头</li>
1203                             <li class="ly">一辈子有多少的来不及</li>
1204                             <li class="ly">发现已经失去</li>
1205                             <li class="ly">最重要的东西</li>
1206                             <li class="ly">恍然大悟早已远去</li>
1207                             <li class="ly">为何重视在犯错之后</li>
1208                         </ol>
1209                             <p class="shengluehao">&hellip;&hellip;</p>
1210                             <p class="chakan">
1211                                 <a class="chakanquanbu" href="###">查看全部</a>
1212                             </p>
1213                     </div>
1214                     <div class="gecizuo geciyou"><!-- 右侧歌词 -->
1215                         <ol class="lyrics">
1216                             <li class="ly">当你在穿山越岭的另一边</li>
1217                             <li class="ly">我在孤独的路上没有尽头</li>
1218                             <li class="ly">一辈子有多少的来不及</li>
1219                             <li class="ly">发现已经失去</li>
1220                             <li class="ly">最重要的东西</li>
1221                             <li class="ly">恍然大悟早已远去</li>
1222                             <li class="ly">为何重视在犯错之后</li>
1223                         </ol>
1224                             <p class="shengluehao">&hellip;&hellip;</p>
1225                             <p class="chakan">
1226                                 <a class="chakanquanbu" href="###">查看全部</a>
1227                             </p>
1228                     </div>
1229                     <div><!-- 下边框 -->
1230                         <div class="zhong6">
1231                         <div class="zuo1">
1232                             <div class="you1"></div>        
1233                         </div>
1234                     </div>
1235                     </div>
1236                 </div>
1237                 <div class="disankuai"><!-- 第三块-相册 -->
1238                     <div class="outer">
1239                         <div class="left">
1240                             <div class="right">
1241                                 <img class="xiangyou" src="images/向右.jpg" alt=""> 
1242                                 <div class="t1 ">视频</div>
1243                                 <div class="more1" >
1244                                     <a href="###" style="text-decoration:none; " class="morexx">more</a>
1245                                 </div>
1246                             </div>
1247                         </div>
1248                     </div>
1249                     <div class="aidetiyan1"><!-- 爱的体验1 -->
1250                         <div class="yu"></div>
1251                         <div class="aidechutiyan1">爱的初体验 223票</div>
1252                         <div class="toupiao1"></div>
1253                     </div>
1254                     <div class="aidetiyan2"><!-- 爱的体验2 -->
1255                         <div class="rentou"></div>
1256                         <div class="aidechutiyan2">爱的初体验 223票</div>
1257                         <div class="toupiao2"></div>
1258                     </div>
1259                     <div class="aidetiyan3"><!-- 爱的体验3 -->
1260                         <div class="qiche"></div>
1261                         <div class="aidechutiyan2">爱的初体验 223票</div>
1262                         <div class="toupiao2"></div>
1263                     </div>
1264                     <div><!-- 下边框 -->
1265                         <div class="zhong5">
1266                         <div class="zuo1">
1267                             <div class="you1"></div>        
1268                         </div>
1269                     </div>
1270                     </div>
1271                 </div>
1272                 <div class="dierkuai"><!-- 第四块-歌词创作 -->
1273                     <div class="outer">
1274                         <div class="left">
1275                             <div class="right">
1276                                 <img class="xiangyou" src="images/向右.jpg" alt=""> 
1277                                 <div class="t1 ">心情日记</div>
1278                                 <div class="more22" >
1279                                     <a href="###" style="text-decoration:none;" 
1280                                     class="morexx">more</a>
1281                                 </div>
1282                             </div>
1283                         </div>
1284                     </div>
1285                     <div class="qianyinying">
1286                         <p class="biaoti7">标题</p>
1287                         <p class="riqi7">日期</p>
1288                         <p class="piaoshu7">票数</p>
1289                     </div>
1290                     <div class="hang1"><!--第一行: 我不知道什么是什么。2007.09.23,19票 -->
1291                         <p class="wo">我不知道什么是什么...</p>
1292                         <p class="shuzi2007">2007.09.23</p>
1293                         <p class="piaoshu">19票</p>
1294                     </div>
1295                     <div class="hang1"><!--第一行: 我不知道什么是什么。2007.09.23,19票 -->
1296                         <p class="wo">我不知道什么是什么...</p>
1297                         <p class="shuzi2007">2007.09.23</p>
1298                         <p class="piaoshu">19票</p>
1299                     </div>
1300                     <div class="hang1"><!--第一行: 我不知道什么是什么。2007.09.23,19票 -->
1301                         <p class="wo">我不知道什么是什么...</p>
1302                         <p class="shuzi2007">2007.09.23</p>
1303                         <p class="piaoshu">19票</p>
1304                     </div>
1305                     <div class="hang1"><!--第一行: 我不知道什么是什么。2007.09.23,19票 -->
1306                         <p class="wo">我不知道什么是什么...</p>
1307                         <p class="shuzi2007">2007.09.23</p>
1308                         <p class="piaoshu">19票</p>
1309                     </div>
1310                     <div class="hang1"><!--第一行: 我不知道什么是什么。2007.09.23,19票 -->
1311                         <p class="wo">我不知道什么是什么...</p>
1312                         <p class="shuzi2007">2007.09.23</p>
1313                         <p class="piaoshu">19票</p>
1314                     </div>
1315                     <div class="hang1"><!--第一行: 我不知道什么是什么。2007.09.23,19票 -->
1316                         <p class="wo">我不知道什么是什么...</p>
1317                         <p class="shuzi2007">2007.09.23</p>
1318                         <p class="piaoshu">19票</p>
1319                     </div>
1320                     <div class="hang1"><!--第一行: 我不知道什么是什么。2007.09.23,19票 -->
1321                         <p class="wo">我不知道什么是什么...</p>
1322                         <p class="shuzi2007">2007.09.23</p>
1323                         <p class="piaoshu">19票</p>
1324                     </div>
1325                     <div class="hang1"><!--第一行: 我不知道什么是什么。2007.09.23,19票 -->
1326                         <p class="wo">我不知道什么是什么...</p>
1327                         <p class="shuzi2007">2007.09.23</p>
1328                         <p class="piaoshu">19票</p>
1329                     </div>                    
1330                     <div><!-- 下边框  -->
1331                         <div class="zhong7">
1332                             <div class="zuo1">
1333                                 <div class="you1"></div>        
1334                             </div>
1335                         </div>
1336                     </div>
1337                 </div>    
1338             </div>
1339             <div><!-- 右侧整体 -->
1340                 <div class="fangwenjilu"><!-- 访问记录 -->
1341                     <div class="outer">
1342                         <div class="left">
1343                             <div class="right">
1344                                 <img class="xiangyou" src="images/向右.jpg" alt=""> 
1345                                 <div class="t1">访问记录</div>
1346                             </div>
1347                         </div>
1348                     </div>
1349                     <div class="hang8"><!--第一行-->
1350                         <p class="haoyoushuliang">好友数量</p>
1351                         <p class="zongshu">961</p>
1352                     </div>
1353                     <div class="hang8"><!--第二行-->
1354                         <p class="haoyoushuliang">累积投票</p>
1355                         <p class="zongshu">456879</p>
1356                     </div>
1357                     <div class="hang8"><!--第三行-->
1358                         <p class="haoyoushuliang">本日投票</p>
1359                         <p class="zongshu">250</p>
1360                     </div>
1361                     <div class="hang8"><!--第四行-->
1362                         <p class="haoyoushuliang">总访问量</p>
1363                         <p class="zongshu">1245564</p>
1364                     </div>
1365                     <div class="hang8"><!--第五行-->
1366                         <p class="haoyoushuliang">本日访问</p>
1367                         <p class="zongshu">1245782</p>
1368                     </div>
1369                     <div class="zhong1"> <!-- 下部 -->
1370                         <div class="zuo1">
1371                             <div class="you1"></div>        
1372                         </div>
1373                     </div>
1374                 </div>
1375                 <div class="liuyan"><!-- 留言 -->
1376                     <div class="outer">
1377                         <div class="left">
1378                             <div class="right">
1379                                 <img class="xiangyou" src="images/向右.jpg" alt=""> 
1380                                 <div class="t1">留言</div>
1381                                 <div class="moreji" >
1382                                     <a href="###" style="text-decoration:none;" class="morex">more</a>
1383                                 </div>
1384                             </div>
1385                         </div>
1386                     </div>
1387                         <div><!-- 第一行 -->
1388                             <div class="doudou"></div>
1389                             <a href="###" class="what">
1390                                 <a href="###"  class="s1">二毛</a>
1391                                 <a href="###" class="s2"></a>
1392                                 <a href="###" class="s1">玩具</a>
1393                                 <a href="###" class="s2">说:</a>
1394                                 <a href="###" class="s3">我不知道你说了什么或者什么。。。</a>
1395                             </a>
1396                         </div>
1397                         <div class="what1"><!-- 第二行 -->
1398                             <div class="doudou"></div>
1399                             <a href="###" class="what2">
1400                                 <a href="###"  class="s4">二毛</a>
1401                                 <a href="###" class="s5"></a>
1402                                 <a href="###" class="s4">玩具</a>
1403                                 <a href="###" class="s5">说:</a>
1404                                 <a href="###" class="s6">我不知道你说了什么或者什么。。。</a>
1405                             </a>
1406                         </div>
1407                         <div class="what1"><!-- 第三行 -->
1408                             <div class="doudou"></div>
1409                             <a href="###" class="what2">
1410                                 <a href="###"  class="s4">二毛</a>
1411                                 <a href="###" class="s5"></a>
1412                                 <a href="###" class="s4">玩具</a>
1413                                 <a href="###" class="s5">说:</a>
1414                                 <a href="###" class="s6">我不知道你说了什么或者什么。。。</a>
1415                             </a>
1416                         </div>
1417                         <div class="what1"><!-- 第四行 -->
1418                             <div class="doudou"></div>
1419                             <a href="###" class="what2">
1420                                 <a href="###"  class="s4">二毛</a>
1421                                 <a href="###" class="s5"></a>
1422                                 <a href="###" class="s4">玩具</a>
1423                                 <a href="###" class="s5">说:</a>
1424                                 <a href="###" class="s6">我不知道你说了什么或者什么。。。</a>
1425                             </a>
1426                         </div>
1427                     </div>
1428                     <div class="zhong55"> <!-- 下部 -->
1429                         <div class="zuo1">
1430                             <div class="you1"></div>        
1431                         </div>
1432                     </div>
1433                 </div>
1434                 <div class="haoyou"><!-- 好友 -->
1435                     <div class="outer">
1436                         <div class="left">
1437                             <div class="right">
1438                                 <img class="xiangyou" src="images/向右.jpg" alt=""> 
1439                                 <div class="t1">好友</div>
1440                                 <div class="moreji" >
1441                                     <a href="###" style="text-decoration:none;" class="morex">more</a>
1442                                 </div>
1443                             </div>
1444                         </div>
1445                     </div>
1446                     <div class="wanjuxiong">
1447                         <div class="nanren">
1448                             <img src="images/男人.jpg" alt="">
1449                         </div>
1450                         <div class="wanjuxiong1">玩具熊的卡</div>
1451                         <div class="zheyangyigeren">这样一个人...</div>
1452                     </div>
1453                     <div class="wanjuxionga">
1454                         <div class="nanren">
1455                             <img src="images/男人.jpg" alt="">
1456                         </div>
1457                         <div class="wanjuxiong1">玩具熊的卡</div>
1458                         <div class="zheyangyigeren">一辈子的朋友...</div>
1459                     </div>
1460                     <div class="wanjuxionga">
1461                         <div class="nanren">
1462                             <img src="images/男人.jpg" alt="">
1463                         </div>
1464                         <div class="wanjuxiong1">玩具熊的卡</div>
1465                         <div class="zheyangyigeren">一辈子的朋友...</div>
1466                     </div>
1467                     <div class="wanjuxionga">
1468                         <div class="nanren">
1469                             <img src="images/男人.jpg" alt="">
1470                         </div>
1471                         <div class="wanjuxiong1">玩具熊的卡</div>
1472                         <div class="zheyangyigeren">一辈子的朋友...</div>
1473                     </div>
1474                     <div class="zhongn"> <!-- 下部  -->
1475                         <div class="zuo1">
1476                             <div class="you1"></div>        
1477                         </div>
1478                     </div>
1479                 </div>
1480                 <div class="yinyuedaren jingjigongsi ouxiang"><!-- 偶像-->
1481                     <div class="outer">
1482                         <div class="left">
1483                             <div class="right">
1484                                 <img class="xiangyou" src="images/向右.jpg" alt=""> 
1485                                 <div class="t1">偶像</div>
1486                                 <div class="more" >
1487                                     <a href="###" class="morex">more</a>
1488                                 </div>
1489                             </div>
1490                         </div>
1491                     </div>
1492                     <div class="nvren"></div>
1493                     <div class="houtui"></div>
1494                     <div class="ayi">阿姨</div>
1495                     <div class="qianjin"></div>
1496                     <div class="zhong3">
1497                         <div class="zuo1">
1498                             <div class="you1"></div>        
1499                         </div>
1500                     </div>
1501                 </div>
1502             </div>        
1503         <div class="dibuxinxilan"><!-- 底部信息栏 -->
1504             <div class="dibubeijing">
1505                 <div class="dibumoban">
1506                     <span class="xinshoushanglu">新手上路</span>
1507                     <span class="guanyuwomen">关于我们</span>
1508                     <span class="guanyuwomen">服务条例</span>
1509                     <a href="###" class="fuwugonggao">服务公告</a>
1510                     <span class="guanyuwomen">行销合作</span>
1511                     <span class="guanyuwomen">广告刊登</span>
1512                     <span class="guanyuwomen">隐私政策</span>
1513                     <span class="guanyuwomen kefuzhongxin">客服中心</span>
1514                 </div>
1515             </div>
1516         </div>
1517     </div>
1518 </body>
1519 </html>
原文地址:https://www.cnblogs.com/yoyoyoyoyoyo/p/5688164.html