zoukankan      html  css  js  c++  java
  • 第一阶段-坑爹猴

       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>
  • 相关阅读:
    管理者的四种不同授权风格
    centos7 未启用swap导致内存使用率过高。
    Dynamically create a div element with JavaScript/jQuery
    sql server: Parent/Child hierarchy tree view
    视频编解码系列(一)压缩编码基础常识
    mac 常用终端命令
    Linux下安装Python3.6.8
    SQL特殊字符转义
    Ehcache缓存监控
    指标管理体系设计
  • 原文地址:https://www.cnblogs.com/yoyoyoyoyoyo/p/5688164.html
Copyright © 2011-2022 走看看