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>

网页的色彩搭配

转载请标明是引用于 http://blog.csdn.net/chenyujing5678  欢迎拍砖!   一、网页本色基础 1、红色 红色的色感温暖,性格刚烈而外向,是一种对人体刺激很强...
  • chenyujing5678
  • chenyujing5678
  • 2012年07月18日 21:54
  • 1880

配色工具几个国外的XHTML模板站,DIV+CSS模板下载

发布几个国外的XHTML模板站,DIV+CSS模板下载第一个,Open Source Web Design(OSWD)开源设计http://www.oswd.org/第二个,solucija(精品)h...
  • xyrrwcom
  • xyrrwcom
  • 2008年04月07日 15:19
  • 573

常见Web2.0网站配色

常见Web2.0网站配色
  • hztgcl1986
  • hztgcl1986
  • 2007年06月21日 14:49
  • 833

不用再为网页配色烦恼了--10个经典Web 2.0风格配色网站

不用再为网页配色烦恼了--10个经典Web 2.0风格配色网站ColourLoversEasyRGBColorBlenderColorJackSteel Dolphin Color Scheme To...
  • softwave
  • softwave
  • 2010年05月01日 14:30
  • 3597

颜色对照表

中文颜色名称颜色对照表 1 鸨色 #f7acbc 赤白橡 #deab8a 油色 #817936 绀桔梗 #444693 2 踯躅色 #ef5b9c 肌色 #fedcbd 伽罗色 #7f752...
  • zuitaibai
  • zuitaibai
  • 2014年04月24日 16:41
  • 2476

Web2.0设计师工具箱,国外的一些网站制作资源,css,javascript,ajax,设计素材等

http://hi.baidu.com/sw%5Fws/blog/item/32b4237e63bbf13b0cd7da83.html   Web2.0工具箱 The Web Designers To...
  • Monster_ll
  • Monster_ll
  • 2008年03月15日 02:49
  • 5048

21个最具代表性的英国著名地标建筑

文章来源:筑讯中国 英国那么多或古老或先锋的建筑中,谁才是你心目中最具代表性的英国地标?英航杂志《High Life》携英国《独立报》,评选出了21世纪21个最具代表性的英国地标! ...
  • aa274455620
  • aa274455620
  • 2017年07月18日 11:23
  • 262

web2.0理解

Web 2.0?   Web 2.0 正在让互联网逐渐找回Internet的真正含义:平等、交互,去中心化。你不应该只是互联网的读者,你也应该是互联网的作者;   你不该只是在互联网上冲浪,你本身就是...
  • yeqihong
  • yeqihong
  • 2006年12月18日 23:01
  • 1078

Web2.0技能评测

        又到年底,又是一年跳槽高峰期。你也想跳槽吗?先测测你的技能吧。该评测只是针对中级程序员,并且是在只有纸和笔的情况下进行。如果是高手就权当消遣,呵呵。答对12题以下:除非公司真的很缺人,...
  • edisundong
  • edisundong
  • 2008年01月16日 12:41
  • 6100

网页设计者不应错过的帖子

#1  网页设计者不应错过的帖子!现在网页设计方面的站点越来越多,究竟哪个才是经典;根据网页设计中牵涉到的:网页制作,平面设计,动画制作,素材安排等,我特地找了些好的站点,发表在这里,如果大家有好的站...
  • hekey_php
  • hekey_php
  • 2006年06月02日 09:37
  • 3671
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:20个具有代表性的web2.0网站配色
举报原因:
原因补充:

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