风吹起如花般破碎的流年，而你的笑容摇晃摇晃，成为我命途中最美的点缀!
Php爱好者新版上线啦！
-6 30

【转】看着非常舒服的颜色

Category:学习积累 View: Author:燕子

        这是一个博友写的文章，那些颜色看上去真的特别让人舒适，所以搬过来放在我这里，以备只需。。。

源代码：
  

XML/HTML代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <title>舒服的颜色</title>  
  5. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
  6. <style type="text/css">  
  7. body{   
  8. margin:20px;   
  9. font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;   
  10. font-size:12px;   
  11. }   
  12. .style1{   
  13. width: 800px;   
  14. height: 100px;   
  15. margin: 0px auto;   
  16. margin-bottom:20px;   
  17. border:1px solid #96C2F1;   
  18. background-color: #EFF7FF   
  19. }   
  20. .style1 h5{   
  21. margin: 1px;   
  22. background-color: #B2D3F5;   
  23. height: 24px;   
  24. }   
  25. .style2{   
  26. width: 800px;   
  27. height: 100px;   
  28. margin: 0px auto;   
  29. margin-bottom:20px;   
  30. border:1px solid #9BDF70;   
  31. background-color: #F0FBEB   
  32. }   
  33. .style2 h5{   
  34. margin: 1px;   
  35. background-color: #C2ECA7;   
  36. height: 24px;   
  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. .style4{   
  47. width: 800px;   
  48. height: 100px;   
  49. margin: 0px auto;   
  50. margin-bottom:20px;   
  51. border:1px solid #CCEFF5;   
  52. background-color: #FAFCFD   
  53. }   
  54. .style5{   
  55. width: 800px;   
  56. height: 100px;   
  57. margin: 0px auto;   
  58. margin-bottom:20px;   
  59. border:1px solid #FFCC00;   
  60. background-color: #FFFFF7   
  61. }   
  62. .style6{   
  63. width: 800px;   
  64. height: 100px;   
  65. margin: 0px auto;   
  66. margin-bottom:20px;   
  67. border:1px solid #92B0DD;   
  68. background-color: #FFFFFf   
  69. }   
  70. .style6 h5{   
  71. margin: 1px;   
  72. background-color: #E2EAF8;   
  73. height: 24px;   
  74. }   
  75. .style7{   
  76. width: 800px;   
  77. height: 100px;   
  78. margin: 0px auto;   
  79. margin-bottom:20px;   
  80. border:1px solid #A9C9E2;   
  81. background-color: #E8F5FE   
  82. }   
  83. .style8{   
  84. width: 800px;   
  85. height: 100px;   
  86. margin: 0px auto;   
  87. margin-bottom:20px;   
  88. border:1px solid #E3E197;   
  89. background-color: #FFFFDD   
  90. }   
  91. .style9{   
  92. width: 800px;   
  93. height: 100px;   
  94. margin: 0px auto;   
  95. margin-bottom:20px;   
  96. border:1px solid #ADCD3C;   
  97. background-color: #F2FDDB   
  98. }   
  99. .style10{   
  100. width: 800px;   
  101. height: 100px;   
  102. margin: 0px auto;   
  103. margin-bottom:20px;   
  104. border:1px solid #F8B3D0;   
  105. background-color: #FFF5FA   
  106. }   
  107. .style11{   
  108. width: 800px;   
  109. height: 100px;   
  110. margin: 0px auto;   
  111. margin-bottom:20px;   
  112. border:1px solid #D3D3D3;   
  113. background-color: #F7F7F7   
  114. }   
  115. .style12{   
  116. width: 800px;   
  117. height: 100px;   
  118. margin: 0px auto;   
  119. margin-bottom:20px;   
  120. border:1px solid #BFD1EB;   
  121. background-color: #F3FAFF   
  122. }   
  123. .style13{   
  124. width: 800px;   
  125. height: 100px;   
  126. margin: 0px auto;   
  127. margin-bottom:20px;   
  128. border:1px solid #FFDD99;   
  129. background-color: #FFF9ED   
  130. }   
  131. .style14{   
  132. width: 800px;   
  133. height: 100px;   
  134. margin: 0px auto;   
  135. margin-bottom:20px;   
  136. border:1px solid #CACAFF;   
  137. background-color: #F7F7FF   
  138. }   
  139. .style15{   
  140. width: 800px;   
  141. height: 100px;   
  142. margin: 0px auto;   
  143. margin-bottom:20px;   
  144. border:1px solid #A5B6C8;   
  145. background-color: #EEF3F7   
  146. }   
  147. .style16{   
  148. width: 800px;   
  149. height: 100px;   
  150. margin: 0px auto;   
  151. margin-bottom:20px;   
  152. border:1px solid #CEE3E9;   
  153. background-color: #F1F7F9   
  154. }   
  155. .style17{   
  156. width: 800px;   
  157. height: 100px;   
  158. margin: 0px auto;   
  159. margin-bottom:20px;   
  160. border:1px solid #CAE3FF;   
  161. background-color: #F4F9FF   
  162. }   
  163. .style18{   
  164. width: 800px;   
  165. height: 100px;   
  166. margin: 0px auto;   
  167. margin-bottom:20px;   
  168. border:1px solid #C9D9EE;   
  169. background-color: #ECF8FF   
  170. }   
  171. .style19{   
  172. width: 800px;   
  173. height: 100px;   
  174. margin: 0px auto;   
  175. margin-bottom:20px;   
  176. border:1px solid #5C9CC0;   
  177. background-color: #F2FAFF   
  178. }   
  179. h5{color:#CCCCCC;margin-left:680px}   
  180. a{color:#CCCCCC;text-decoration:none}   
  181. a:hover{color:#666666;text-decoration:underline}   
  182. </style>  
  183. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>  
  184. <body>  
  185. <div class="style2"><h5></h5></div>  
  186. <div class="style6"><h5></h5></div>  
  187. <div class="style3"></div>  
  188. <div class="style4"></div>  
  189. <div class="style5"></div>  
  190. <div class="style7"></div>  
  191. <div class="style8"></div>  
  192. <div class="style9"></div>  
  193. <div class="style10"></div>  
  194. <div class="style11"></div>  
  195. <div class="style12"></div>  
  196. <div class="style13"></div>  
  197. <div class="style14"></div>  
  198. <div class="style15"></div>  
  199. <div class="style16"></div>  
  200. <div class="style17"></div>  
  201. <div class="style18"></div>  
  202. <div class="style19"></div>  
  203. </body>  
  204. </html>  

本文来源于php爱好者：php教程 —http://www.phplover.cn/
原文地址：http://www.phplover.cn/post/kanzhefeichangshufudeyanse.html

css   评论(3)

相关文章:

  • 评论(3)
发表评论 TrackBack

发表评论

◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。