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"> <DEC </p>
1141 <p class="fvb">FVB></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">……</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">……</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>
