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

原创 2007年09月16日 14:28:00

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

<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>

相关文章推荐

20个web2.0导航样CSS-menu

  • 2012年03月24日 19:20
  • 959KB
  • 下载

web2.0网站常用配色

  • 2010年05月21日 11:59
  • 3KB
  • 下载

web2.0网站常用可用性功能模块分析

Web 2.0网站是指将传统的网站构架(平台、内容源、用户、传播方式等)转化到以用户为核心的网站构架上来,包括一系列体现web2.0概念的元素、定位和创 意。web2.0网站在构架上须体现两大宗旨,即...

国外web2.0网站全集

其中很多网站的logo设计及版面布局很棒滴,看看。。。 CHAT 2.0 3bubbles - Add chat to your blog. http://www.3bubbles.com/ ...

web2.0网站设计风格要素

web2.0 :我一直听到说这个时髦的词,不管是喜欢还是讨厌web2.0,它都是这种特定的web2.0设计风格的一个主要的部分。这个指南的目的是想给一些设计新 手一些参考,或者是做为一个清单,给那些还...

web2.0网站的四大特性简述

Web2.0之所以区别于1.0,关键在于以下四个重要的特性: 可重用的微内容微内容的英文是Microcontent,微内容来自于用户产生的各种数据,比如一则网志,评论,图片,收藏的书签,喜好的音乐列表...

MVC+WCF构建WEB2.0网站(更新完毕)

课程描述     WEB 2.0强调信息的共享,其核心是通过用户来传播信息。从技术上说,它应包括Web服务、富客户端、Ajax等等。     Web服务是信息分发的基础,微软的WCF框架为我们提供...

Web2.0各大网站架购

记得在大学里不止一次关注网站架构方面的东西了,但每次都是泛泛了解,也没有着重记录,一段时间后对各种架构的思想也就模糊了。这几天不知怎么的又心血来潮(可能是快毕业了冲动了)想深入了解一下网站架构方面的知...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:20个具有代表性的web2.0网站配色
举报原因:
原因补充:

(最多只允许输入30个字)