20个“标准的”配色方案

吕游 , 2007/10/15 21:39 , 综合栏目 » 实用代码 , 评论(0) , 阅读(1119) , 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 126 ms, 9 Queries.</span>";
//]]>
</script></body>
</html>

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

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

最新日志		随机日志		综合排行
	自我评价记录我的QQ十年不做爱的羔羊这又是一个问答系统杯饮凄凉一朵心情超级感人：破产千万富翁高逸峰在... 跟历史说再见仰望雨中的天博客为谁开		博客今日调好！候鸟 asp生成静态页 90后这是怎么了？脱裤门视频 ... 新站的链接策略二十二岁的人三十二岁的心狗眼看人低比鼠标还方便的另类快捷键郑智化自传-问题学生超级经典图片合成网站		Adsense电子在线支付截图谷歌对于“收购265.com”... 郑智化-全部歌词小伟窗口放大器 1.5版本 C... 李惠美 [电话小姐 ]鄙视此女港产美女张雅玲唯一一部激情影片... 黄晓明版鹿鼎记下载《鹿鼎记》已经有7部了，及黄晓... 江西南昌大学50位美女qq号大... Camfrog Video C...