20个“标准的”配色方案

吕游 , 2007/10/15 21:39 , 综合栏目 » 实用代码 , 评论(0) , 阅读(1001) , Via 本站原创

<html>
<head>
  <title>Colors</title>
  <style type="text/css">
  body{
  margin:20px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:12px;
  }
  .style1{
  width: 800px;
  height: 100px;
  margin: 0px auto;
  margin-bottom:20px;
  border:1px solid #96C2F1;
  background-color: #EFF7FF
  }
  .style1 h5{
  margin: 1px;
  background-color: #B2D3F5;
  height: 24px;
  }
  
  .style2{
  width: 800px;
  height: 100px;
  margin: 0px auto;
  margin-bottom:20px;
  border:1px solid #9BDF70;
  background-color: #F0FBEB
  }
    .style2 h5{
  margin: 1px;
  background-color: #C2ECA7;
  height: 24px;
  }
  
  .style3{
  width: 800px;
  height: 100px;
  margin: 0px auto;
  margin-bottom:20px;
  border:1px solid #BBE1F1;
  background-color: #EEFAFF
  }
  
  .style4{
  width: 800px;
  height: 100px;
  margin: 0px auto;
  margin-bottom:20px;
  border:1px solid #CCEFF5;
  background-color: #FAFCFD
  }
  
  .style5{
  width: 800px;
  height: 100px;
  margin: 0px auto;
  margin-bottom:20px;
  border:1px solid #FFCC00;
  background-color: #FFFFF7
  }
  
  .style6{
  width: 800px;
  height: 100px;
  margin: 0px auto;
  margin-bottom:20px;
  border:1px solid #92B0DD;
  background-color: #FFFFFf
  }
  .style6 h5{
  margin: 1px;
  background-color: #E2EAF8;
  height: 24px;
  }
  
  .style7{
  width: 800px;
  height: 100px;
  margin: 0px auto;
  margin-bottom:20px;
  border:1px solid #A9C9E2;
  background-color: #E8F5FE
  }
  
  .style8{
  width: 800px;
  height: 100px;
  margin: 0px auto;
  margin-bottom:20px;
  border:1px solid #E3E197;
  background-color: #FFFFDD
  }
  
  .style9{
  width: 800px;
  height: 100px;
  margin: 0px auto;
  margin-bottom:20px;
  border:1px solid #ADCD3C;
  background-color: #F2FDDB
  }
  
  .style10{
  width: 800px;
  height: 100px;
  margin: 0px auto;
  margin-bottom:20px;
  border:1px solid #F8B3D0;
  background-color: #FFF5FA
  }
  
  .style11{
  width: 800px;
  height: 100px;
  margin: 0px auto;
  margin-bottom:20px;
  border:1px solid #D3D3D3;
  background-color: #F7F7F7
  }
  
  .style12{
  width: 800px;
  height: 100px;
  margin: 0px auto;
  margin-bottom:20px;
  border:1px solid #BFD1EB;
  background-color: #F3FAFF
  }
  
  .style13{
  width: 800px;
  height: 100px;
  margin: 0px auto;
  margin-bottom:20px;
  border:1px solid #FFDD99;
  background-color: #FFF9ED
  }  
  
  .style14{
  width: 800px;
  height: 100px;
  margin: 0px auto;
  margin-bottom:20px;
  border:1px solid #CACAFF;
  background-color: #F7F7FF
  }  
  
  .style15{
  width: 800px;
  height: 100px;
  margin: 0px auto;
  margin-bottom:20px;
  border:1px solid #A5B6C8;
  background-color: #EEF3F7
  }
  .style16{
  width: 800px;
  height: 100px;
  margin: 0px auto;
  margin-bottom:20px;
  border:1px solid #CEE3E9;
  background-color: #F1F7F9
  }
  
  .style17{
  width: 800px;
  height: 100px;
  margin: 0px auto;
  margin-bottom:20px;
  border:1px solid #CAE3FF;
  background-color: #F4F9FF
  }
  
  .style18{
  width: 800px;
  height: 100px;
  margin: 0px auto;
  margin-bottom:20px;
  border:1px solid #C9D9EE;
  background-color: #ECF8FF
  }
  
  .style19{
  width: 800px;
  height: 100px;
  margin: 0px auto;
  margin-bottom:20px;
  border:1px solid #5C9CC0;
  background-color: #F2FAFF
  }
  
  h5{color:#CCCCCC;margin-left:680px}
  a{color:#CCCCCC;text-decoration:none}
  a:hover{color:#666666;text-decoration:underline}
  </style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<div class="style1"><h5>Title</h5></div>
<div class="style2"><h5>Title</h5></div>
<div class="style6"><h5>Title</h5></div>
<div class="style3"></div>
<div class="style4"></div>
<div class="style5"></div>
<div class="style7"></div>
<div class="style8"></div>
<div class="style9"></div>
<div class="style10"></div>
<div class="style11"></div>
<div class="style12"></div>
<div class="style13"></div>
<div class="style14"></div>
<div class="style15"></div>
<div class="style16"></div>
<div class="style17"></div>
<div class="style18"></div>
<div class="style19"></div>
<script type='text/javascript'>
//<![CDATA[
if (document.getElementById('processtime')) document.getElementById('processtime').innerHTML="<span class='runtimedisplay'>Run in 357 ms, 9 Queries.</span>";
//]]>
</script></body>
</html>

提示：您可以先修改部分代码再运行

转自：http://www.kekecn.com/blog/article.asp?id=827

作者：落叶知秋⊙吕游
地址：http://www.luckylvyou.com/read.php/320.htm
版权所有。转载时必须链接形式注明作者和原始出处及本声明！

最新日志		随机日志		综合排行
	女性学会口交可为自己美容男人需要哭的勇气短路一份自卑；一份憔悴郑州-雪好大网友爆笑恶搞：《楼市春晚》道尽... 春天的日记梦想与方向我不是吕游聆听鞭炮		Google被评为最不重视用户... 谷歌正式与新浪结盟头上的伤落叶知秋博客升级Ver 2.1... 厉娜最新单曲《懂我》正式版 Google AdSense投... 今天老婆给做清蒸鱼, PowerShadow[ 影子... 谈恋爱也须有心理弹性服务器的w3wp.exe进程占...		Adsense电子在线支付截图谷歌对于“收购265.com”... 郑智化-全部歌词小伟窗口放大器 1.5版本 C... 李惠美 [电话小姐 ]鄙视此女黄晓明版鹿鼎记下载港产美女张雅玲唯一一部激情影片... 《鹿鼎记》已经有7部了，及黄晓... Camfrog Video C... 飞人刘翔的N种搞怪表情