黑色空间

搭建T字.net

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

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

<html>
<head>
    
<title><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>
阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭