H码表格测试。

悸动，

1. <style type="text/css">
   
2. #ye {width: 930px;height: 2300px;background: #fff;margin: 0 auto;overflow: hidden;}
   
3. #yez{width: 460px;height: 2300px;background: #fff;float: left;}
   
4. #yey{width: 470px;height: 2300px;background: #999999;float: right;}
   
5. #yeda {position: absolute;}
   
6. #yetou {height: 425px;width: 100%;}
   
7. #yetou img {width:930px;}
   
8. #yetouwz {
   
9.         width: 930px;
   
10.         font-family: "Arial";
    
11.         text-align: center;
    
12.         font-size: 25px;
    
13.         color: #222;
    
14.         position: absolute;
    
15.         margin-top: -350px;
    
16.         text-transform:uppercase;
    
17.         letter-spacing: 2px;
    
18. }
    
19. #yean {
    
20.         font-size: 16px;
    
21.         font-family: "Microsoft YaHei";
    
22.         padding: 6px 0px;
    
23.         background: rgba(255, 255, 255, 0.66);
    
24.         width: 130px;
    
25.         margin: 20px auto;
    
26.         color:  rgba(0, 0, 0, 0.66);
    
27.         letter-spacing: 2px;
    
28. }
    
29. #yean:hover{background: rgba(0, 0, 0, 0.66);transition-duration: 0.3s;color: rgba(255, 255, 255, 0.66);}
    
30. #yecon{width: 670px;height:730px;margin: 0 auto;margin-bottom:100px;}
    
31. #yeconone{width: 670px;height: 330px;}
    
32. #onewz {
    
33.         width:320px;height:200px;background:#fff;float:right;
    
34.         position:absolute;right: 120px;margin-top: 30px;
    
35.         font-size:12px;color:#333;
    
36.         line-height: 18px;
    
37.         overflow: hidden;
    
38.         padding: 20px;
    
39. }
    
40. #yecontwo{}
    
41. #yezbg {height: 400px;}
    
42. #yezbg img {width:930px;}
    
43. #zbgwz {
    
44.         width: 930px;
    
45.         font-family: "Arial";
    
46.         text-align: center;
    
47.         font-size: 25px;
    
48.         color: #444;
    
49.         margin-top: -290px;
    
50.         text-transform:uppercase;
    
51.         letter-spacing: 3px;
    
52.         line-height: 50px;
    
53. }
    
54. #diwz {margin: 160px auto;width: 600px;}
    
55. #diwz img {width:930px;}
    
56. #ss1{width: 260px;height: 35px;border:none;background: #999999;padding:5px;color:#fff;font-size: 12px;font-family: "SimSun";margin:5px 0;}
    
57. #ss2{width: 260px;height: 85px;border:none;background: #fff;padding:5px;color:#999;font-size: 12px;font-family: "SimSun";margin:5px 0;}
    
58. #ss3{width: 260px;height: 35px;border:none;background: #fff;padding:5px;color:#999;font-size: 12px;font-family: "SimSun";margin:5px 0;}
    
59. #dibuimg{width: 930px;}
    
60. #dibuda {    padding-top: 200px;}
    
61. #dibuda img {width:930px;}
    
62. </style>
    
63. <div id="ye">
    
64. <div id="yez"></div>
    
65. <div id="yey"></div>
    
66. <div id="yeda">
    
67. <div id="yetou"><img src="http://attachment.qqmcc.net/attachment/album/201612/21/225314u7jkbjomyk5yggd3.png" border="0" alt=""></div>
    
68. <did id="yetouwz">Sorry! The number you dialed does not exist</br> Please check it and dial later
    
69. <div id="yean">ONS</div>
    
70. </did>
    
71. <!-- TOUBU END -->
    
72. <div id="yecon">
    
73. <div style="font-family: Arial;letter-spacing: 2px;color: #555;font-size:25px;margin:20px 0;">ONS</div>
    
74. <div id="yeconone">
    
75. <div style="width:680px;position:absolute;"><img src="http://attachment.qqmcc.net/attachment/album/201612/21/225317gh1003islr9a0zfh.png" border="0" alt=""></div>
    
76. <div id="onewz">
    
77. 啊啊啊啊啊啊啊啊啊啊啊啊啊啊</br>
    
78. 啊啊啊啊啊啊啊啊啊啊</br>
    
79. 啊啊啊啊啊啊啊啊啊啊啊啊啊</br>
    
80. 啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</br>
    
81. 啊啊啊啊啊啊啊啊啊啊啊啊啊</br>
    
82. 啊啊啊啊啊啊啊啊啊啊啊</br>
    
83. 啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</br>
    
84. 啊啊啊啊啊啊啊啊啊啊啊啊</br>
    
85. 啊啊啊啊啊啊啊啊啊啊啊啊啊</br>
    
86. 啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</br>
    
87. 啊啊啊啊啊啊啊啊啊啊啊啊啊</br>
    
88. </div>
    
89. </div>
    
90. <!-- ONE END -->
    
91. <div id="yecontwo">
    
92. <div style="width:680px;position:absolute;"><img src="http://attachment.qqmcc.net/attachment/album/201612/21/225320g4czohat1ax8cgh4.png" border="0" alt=""></div>
    
93. <div id="onewz">
    
94. 啊啊啊啊啊啊啊啊啊啊啊啊啊啊</br>
    
95. 啊啊啊啊啊啊啊啊啊啊</br>
    
96. 啊啊啊啊啊啊啊啊啊啊啊啊啊</br>
    
97. 啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</br>
    
98. 啊啊啊啊啊啊啊啊啊啊啊啊啊</br>
    
99. 啊啊啊啊啊啊啊啊啊啊啊</br>
    
100. 啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</br>
     
101. 啊啊啊啊啊啊啊啊啊啊啊啊</br>
     
102. 啊啊啊啊啊啊啊啊啊啊啊啊啊</br>
     
103. 啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</br>
     
104. 啊啊啊啊啊啊啊啊啊啊啊啊啊</br>
     
105. </div>
     
106. </div>
     
107. <!-- TWO END -->
     
108. </div>
     
109. <!-- ZHONG END -->
     
110. <div id="yezbg"><img src="http://attachment.qqmcc.net/attachment/album/201612/21/225320h5sms0loosjcknj0.png" border="0" alt=""></div>
     
111. <div id="zbgwz">GO home</br>2012　1516　419　419</div>
     
112. <!-- ZBG END  -->
     
113. <div id="diwz">
     
114. <div style="font-family: Arial;letter-spacing: 2px;color: #555;font-size:25px;margin:20px 0;">ONS</div>
     
115. <div style="width:260px;float:left;">
     
116. <input name="s" type="text" id="ss1" value="啊啊啊啊啊啊啊啊啊啊啊啊" >
     
117. <input name="s" type="text" id="ss1" value="啊啊啊啊啊啊啊啊啊啊啊啊" >
     
118. <input name="s" type="text" id="ss1" value="啊啊啊啊啊啊啊啊啊啊啊啊" >
     
119. </div>
     
120. <div style="width:290px;float:right;">
     
121. <textarea name="a" id="ss2" >啊啊啊啊啊啊啊</textarea>
     
122. <input name="s" type="text" id="ss3" value="啊啊啊啊啊啊啊啊啊啊啊啊" >
     
123. </div>
     
124. </div>
     
125. <div id="dibuda">
     
126. <img src="http://attachment.qqmcc.net/attachment/album/201612/21/225310qb0yx4b2rbprrv4d.png" border="0" alt="">
     
127. <div style="width:930px;font-family:SimSun;letter-spacing: 1px;color: #333;font-size:12px;margin:20px 0;margin-top:-160px;text-align:center;"><　<a href="home.php?mod=space&uid=24986" target="_blank">@悸动</a> Powered by JIDONG　></div>
     
128. </div>
     
129. </div>
     
130. </div>
     

复制代码