`

web2.0中常用的配色

阅读更多
<style type="text/css">
	#color div{color:#999999; font-size:12px;width: 400px;height: 80px;margin: 0px auto;margin-bottom:10px;}
	.style1{
	border:1px solid #96C2F1;
	background-color: #EFF7FF
	}
	.style2{
	border:1px solid #9BDF70;
	background-color: #F0FBEB
	}
	.style3{
	border:1px solid #BBE1F1;
	background-color: #EEFAFF
	}
	.style4{
	border:1px solid #CCEFF5;
	background-color: #FAFCFD
	}
	.style5{
	border:1px solid #FFCC00;
	background-color: #FFFFF7
	}
	.style6{
	border:1px solid #92B0DD;
	background-color: #FFFFFf
	}
	.style7{
	border:1px solid #A9C9E2;
	background-color: #E8F5FE
	}
	.style8{
	border:1px solid #E3E197;
	background-color: #FFFFDD
	}
	.style9{
	border:1px solid #ADCD3C;
	background-color: #F2FDDB
	}
	.style10{
	border:1px solid #F8B3D0;
	background-color: #FFF5FA
	}
	.style11{
	border:1px solid #D3D3D3;
	background-color: #F7F7F7
	}
	.style12{
	border:1px solid #BFD1EB;
	background-color: #F3FAFF
	}
	.style13{
	border:1px solid #FFDD99;
	background-color: #FFF9ED
	}
	.style14{
	border:1px solid #CACAFF;
	background-color: #F7F7FF
	}
	.style15{
	border:1px solid #A5B6C8;
	background-color: #EEF3F7
	}
	.style16{
	border:1px solid #CEE3E9;
	background-color: #F1F7F9
	}
	.style17{
	border:1px solid #CAE3FF;
	background-color: #F4F9FF
	}
	.style18{
	border:1px solid #C9D9EE;
	background-color: #ECF8FF
	}
	.style19{
	border:1px solid #5C9CC0;
	background-color: #F2FAFF
	}
	</style>

<div class="style1">#EFF7FF #96C2F1</div>
<div class="style2">#F0FBEB #9BDF70</div>
<div class="style6">#FFFFFF #92B0DD</div>
<div class="style3">#EEFAFF #BBE1F1</div>
<div class="style4">#FAFCFD #CCEFF5</div>
<div class="style5">#FFFFF7 #FFCC00</div>
<div class="style7">#E8F5FE #A9C9E2</div>
<div class="style8">#FFFFDD #E3E197</div>
<div class="style9">#F2FDDB #ADCD3C</div>
<div class="style10">#FFF5FA #F8B3D0</div>
<div class="style11">#F7F7F7 #D3D3D3</div>
<div class="style12">#F3FAFF #BFD1EB</div>
<div class="style13">#FFF9ED #FFDD99</div>
<div class="style14">#F7F7FF #CACAFF</div>
<div class="style15">#EEF3F7 #A5B6C8</div>
<div class="style16">#F1F7F9 #CEE3E9</div>
<div class="style17">#F4F9FF #CAE3FF</div>
<div class="style18">#ECF8FF #C9D9EE</div>
<div class="style19">#F2FAFF #5C9CC0</div>
  • 大小: 14.7 KB
  • 大小: 20.1 KB
  • 大小: 21.5 KB
分享到:
评论

相关推荐

    web2.0网站常用配色

    web2.0网站常用配色 不想用图片 做好看的div 不防试试

    Axure WEB前后端交互原型通用元件库 v2.0.rar

    配合元件中提供的丰富的元件类型或业务组件,可以让你快速设计出美观规范和易读性强的WEB交互原型,能把更多精力放在功能流程和业务逻辑上。注意,相关模板主要提供框架和布局参考,每套模板的页面完成程度有所不同...

    屏幕取色器 webcolor

    此款软件的一大特点是融入了网页设计师常用200种网页颜色表、WEB2.0常用安全216色表、同一个色系样本表、颜色色名表、调色配色等。您可以很方便的查看和选择你想要的颜色和十六进制对应的值。适合于任何取色配色的...

    Axure WEB前后端交互原型通用元件库 v2.zip

    同时,新版应用了全新的设计风格和配色方案,整体使用较为安全的蓝色作为主色调,同时简化了相关元素的配色,调整起来也会更加方便。 为了适应更广泛的使用需求,作品中大多数的元件类型都分别提供了静态和动态的...

    AxureUX WEB前后端交互原型通用元件库 v2.0.7z

    本作品是在AxureUX去年发布的交互原型Web元件库v1.0的基础上优化而来的,在这一年...同时,新版应用了全新的设计风格和配色方案,整体使用较为安全的蓝色作为主色调,同时简化了相关元素的配色,调整起来也会更加方便。

    网页设计相关资料

    DIV+CSS 网页布局常用基础知识.doc DIV+CSS完美布局.pdf ExtJS 2.0实用简明教程.chm page_skill.chm 色彩搭配在网站中的运用.pdf 网页设计配色常识.chm 网页数据库设计圣典.pdf 网页制作常见问答集锦.chm 网站设计和...

    java源码包2

     WDSsoft的一款免费源代码 JCT 1.0,它是一个Java加密解密常用工具包。 Java局域网通信——飞鸽传书源代码 28个目标文件 内容索引:JAVA源码,媒体网络,飞鸽传书  Java局域网通信——飞鸽传书源代码,大家都知道...

    JAVA上百实例源码以及开源项目

     WDSsoft的一款免费源代码 JCT 1.0,它是一个Java加密解密常用工具包。 Java局域网通信——飞鸽传书源代码 28个目标文件 内容索引:JAVA源码,媒体网络,飞鸽传书  Java局域网通信——飞鸽传书源代码,大家都知道VB...

    JAVA上百实例源码以及开源项目源代码

    日历表格面板 [ConfigLine.java] 控制条类 [RoundBox.java] 限定选择控件 [MonthMaker.java] 月份表算法类 [Pallet.java] 调色板,统一配色类 Java扫雷源码 Java生成自定义控件源代码 2个目标文件 Java实现HTTP连接...

    java源码包---java 源码 大量 实例

     WDSsoft的一款免费源代码 JCT 1.0,它是一个Java加密解密常用工具包。 Java局域网通信——飞鸽传书源代码 28个目标文件 内容索引:JAVA源码,媒体网络,飞鸽传书  Java局域网通信——飞鸽传书源代码,大家都知道VB...

    java源码包3

     WDSsoft的一款免费源代码 JCT 1.0,它是一个Java加密解密常用工具包。 Java局域网通信——飞鸽传书源代码 28个目标文件 内容索引:JAVA源码,媒体网络,飞鸽传书  Java局域网通信——飞鸽传书源代码,大家都知道...

    java源码包4

     WDSsoft的一款免费源代码 JCT 1.0,它是一个Java加密解密常用工具包。 Java局域网通信——飞鸽传书源代码 28个目标文件 内容索引:JAVA源码,媒体网络,飞鸽传书  Java局域网通信——飞鸽传书源代码,大家都知道...

    成百上千个Java 源码DEMO 4(1-4是独立压缩包)

    日历表格面板 [ConfigLine.java] 控制条类 [RoundBox.java] 限定选择控件 [MonthMaker.java] 月份表算法类 [Pallet.java] 调色板,统一配色类 Java扫雷源码 Java生成自定义控件源代码 2个目标文件 Java实现HTTP连接...

    成百上千个Java 源码DEMO 3(1-4是独立压缩包)

    日历表格面板 [ConfigLine.java] 控制条类 [RoundBox.java] 限定选择控件 [MonthMaker.java] 月份表算法类 [Pallet.java] 调色板,统一配色类 Java扫雷源码 Java生成自定义控件源代码 2个目标文件 Java实现HTTP连接...

    jquery插件使用方法大全

    它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX...

Global site tag (gtag.js) - Google Analytics