20个具有代表性的web2.0配色方案

FontSize:- + Date: 2008年1月27日

摘要：20个具有代表性的web2.0配色方案-常见的WEB2.0网站配色，风格清新，直观舒适……

常见的WEB2.0网站配色，风格清新，直观舒适……

<html>
<head>
<title>web2.0 color</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>
</h5>
</div>
<div class="style2">
<h5>
</h5>
</div>
<div class="style6">
<h5>
</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>
</body>
</html>

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

本文链接地址：http://www.demoseo.com/web/web2.0-style/
如果你也喜欢本文，记得顶一下，支持我。你的支持是我继续发好文章的最大动力！谢谢！

« D59胶济线发生重大路外交通事故18人死亡
周星驰《长江七号》电影官方网站 »