随笔-20  评论-3  文章-9  trackbacks-0
20个“标准的”配色方案
  1. < html >
  2. < head >
  3.     < title > Colors </ 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. < body >
  201. < div   class = " style1 " >< h5 > Title </ h5 ></ div >
  202. < div   class = " style2 " >< h5 > Title </ h5 ></ div >
  203. < div   class = " style6 " >< h5 > Title </ h5 ></ div >
  204. < div   class = " style3 " ></ div >
  205. < div   class = " style4 " ></ div >
  206. < div   class = " style5 " ></ div >
  207. < div   class = " style7 " ></ div >
  208. < div   class = " style8 " ></ div >
  209. < div   class = " style9 " ></ div >
  210. < div   class = " style10 " ></ div >
  211. < div   class = " style11 " ></ div >
  212. < div   class = " style12 " ></ div >
  213. < div   class = " style13 " ></ div >
  214. < div   class = " style14 " ></ div >
  215. < div   class = " style15 " ></ div >
  216. < div   class = " style16 " ></ div >
  217. < div   class = " style17 " ></ div >
  218. < div   class = " style18 " ></ div >
  219. < div   class = " style19 " ></ div >
  220. </ body >
  221. </ html >
posted on 2008-06-12 17:08 蓝山 阅读(228) 评论(0)  编辑  收藏 所属分类: JavaScript

只有注册用户登录后才能发表评论。
网站导航:
博客园   IT新闻   Chat2DB   C++博客   博问  
 
Powered by: 博客园 模板提供：沪江博客 Copyright ©2024 蓝山