20个具有代表性的web2.0网站配色
2009-04-01 10:03 DQ 阅读(296) 评论(0) 收藏 举报
Code1. <html>
2. <head>
3. <title>web2.0 color</title>
4. <style type="text/css">
5. body{
6. margin:20px;
7. font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
8. font-size:12px;
9. }
10. .style1{
11. width: 800px;
12. height: 100px;
13. margin: 0px auto;
14. margin-bottom:20px;
15. border:1px solid #96C2F1;
16. background-color: #EFF7FF
17. }
18. .style1 h5{
19. margin: 1px;
20. background-color: #B2D3F5;
21. height: 24px;
22. }
23.
24. .style2{
25. width: 800px;
26. height: 100px;
27. margin: 0px auto;
28. margin-bottom:20px;
29. border:1px solid #9BDF70;
30. background-color: #F0FBEB
31. }
32. .style2 h5{
33. margin: 1px;
34. background-color: #C2ECA7;
35. height: 24px;
36. }
37.
38. .style3{
39. width: 800px;
40. height: 100px;
41. margin: 0px auto;
42. margin-bottom:20px;
43. border:1px solid #BBE1F1;
44. background-color: #EEFAFF
45. }
46.
47. .style4{
48. width: 800px;
49. height: 100px;
50. margin: 0px auto;
51. margin-bottom:20px;
52. border:1px solid #CCEFF5;
53. background-color: #FAFCFD
54. }
55.
56. .style5{
57. width: 800px;
58. height: 100px;
59. margin: 0px auto;
60. margin-bottom:20px;
61. border:1px solid #FFCC00;
62. background-color: #FFFFF7
63. }
64.
65. .style6{
66. width: 800px;
67. height: 100px;
68. margin: 0px auto;
69. margin-bottom:20px;
70. border:1px solid #92B0DD;
71. background-color: #FFFFFf
72. }
73. .style6 h5{
74. margin: 1px;
75. background-color: #E2EAF8;
76. height: 24px;
77. }
78.
79. .style7{
80. width: 800px;
81. height: 100px;
82. margin: 0px auto;
83. margin-bottom:20px;
84. border:1px solid #A9C9E2;
85. background-color: #E8F5FE
86. }
87.
88. .style8{
89. width: 800px;
90. height: 100px;
91. margin: 0px auto;
92. margin-bottom:20px;
93. border:1px solid #E3E197;
94. background-color: #FFFFDD
95. }
96.
97. .style9{
98. width: 800px;
99. height: 100px;
100. margin: 0px auto;
101. margin-bottom:20px;
102. border:1px solid #ADCD3C;
103. background-color: #F2FDDB
104. }
105.
106. .style10{
107. width: 800px;
108. height: 100px;
109. margin: 0px auto;
110. margin-bottom:20px;
111. border:1px solid #F8B3D0;
112. background-color: #FFF5FA
113. }
114.
115. .style11{
116. width: 800px;
117. height: 100px;
118. margin: 0px auto;
119. margin-bottom:20px;
120. border:1px solid #D3D3D3;
121. background-color: #F7F7F7
122. }
123.
124. .style12{
125. width: 800px;
126. height: 100px;
127. margin: 0px auto;
128. margin-bottom:20px;
129. border:1px solid #BFD1EB;
130. background-color: #F3FAFF
131. }
132.
133. .style13{
134. width: 800px;
135. height: 100px;
136. margin: 0px auto;
137. margin-bottom:20px;
138. border:1px solid #FFDD99;
139. background-color: #FFF9ED
140. }
141.
142. .style14{
143. width: 800px;
144. height: 100px;
145. margin: 0px auto;
146. margin-bottom:20px;
147. border:1px solid #CACAFF;
148. background-color: #F7F7FF
149. }
150.
151. .style15{
152. width: 800px;
153. height: 100px;
154. margin: 0px auto;
155. margin-bottom:20px;
156. border:1px solid #A5B6C8;
157. background-color: #EEF3F7
158. }
159. .style16{
160. width: 800px;
161. height: 100px;
162. margin: 0px auto;
163. margin-bottom:20px;
164. border:1px solid #CEE3E9;
165. background-color: #F1F7F9
166. }
167.
168. .style17{
169. width: 800px;
170. height: 100px;
171. margin: 0px auto;
172. margin-bottom:20px;
173. border:1px solid #CAE3FF;
174. background-color: #F4F9FF
175. }
176.
177. .style18{
178. width: 800px;
179. height: 100px;
180. margin: 0px auto;
181. margin-bottom:20px;
182. border:1px solid #C9D9EE;
183. background-color: #ECF8FF
184. }
185.
186. .style19{
187. width: 800px;
188. height: 100px;
189. margin: 0px auto;
190. margin-bottom:20px;
191. border:1px solid #5C9CC0;
192. background-color: #F2FAFF
193. }
194.
195. h5{color:#CCCCCC;margin-left:680px}
196. a{color:#CCCCCC;text-decoration:none}
197. a:hover{color:#666666;text-decoration:underline}
198. </style>
199. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
200.
201. <body>
202. <div class="style1"><h5></h5></div>
203. <div class="style2"><h5></h5></div>
204. <div class="style6"><h5></h5></div>
205. <div class="style3"></div>
206. <div class="style4"></div>
207. <div class="style5"></div>
208. <div class="style7"></div>
209. <div class="style8"></div>
210. <div class="style9"></div>
211. <div class="style10"></div>
212. <div class="style11"></div>
213. <div class="style12"></div>
214. <div class="style13"></div>
215. <div class="style14"></div>
216. <div class="style15"></div>
217. <div class="style16"></div>
218. <div class="style17"></div>
219. <div class="style18"></div>
220. <div class="style19"></div>
221. </body>
222. </html>
我的新征途
浙公网安备 33010602011771号