20个具有代表性的web2.0网站配色
2009-04-01 10:03
232 查看
1. <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>
相关文章推荐
- 【配色】收集20个具有代表性的web2.0网站配色
- 20个具有代表性的web2.0网站配色
- web2.0网站常用的15种配色
- web2.0网站配色方案
- 10个经典的web2.0配色方案网站
- 主流web2.0网站的配色参考方案
- [欣赏] 10个经典的web2.0配色方案网站
- 主流web2.0网站的配色参考方案
- [转载]10个经典的web2.0配色方案网站
- 融合现代设计风格的20个具有说服力的PSD网站主题推荐
- html复习五---主流web2.0网站配色方案
- 10个经典的web2.0配色方案网站 (转)
- 主流web2.0网站配色方案
- web2.0网站的配色、设计参考方案【图】
- 常见Web2.0网站配色
- 20个专业在线配色网站分享
- 主流web2.0网站的配色方案供你参考
- 主流web2.0网站的配色参考方案
- web2.0网站的配色参考方案
- 【配色】10个经典的web2.0配色方案网站