20个具有代表性的web2.0网站配色

找网站的摸板找到了这个东西,还不错,颜色看起来都挺舒服的

< html >
< head >
     < title >< a  href ="/default.asp?tag=Web2%2E0"  target ="_blank" > web2.0 </ a >  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 >