<html>
<head>
<title>Colors</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>Title</h5>
</div>
<div class="style2">
<h5>Title</h5>
</div>
<div class="style6">
<h5>Title</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种配色方案可能包含了单色调、双色调、三色调以及多色调的组合，每一种都有其独特的韵味和适用场景。 在...
例如，常见的界面调整包括使用低对比度配色方案，用更为柔和的色彩来替代刺眼的高对比度色彩，如将标准的白底黑字改为淡黄色背景与深灰色文字，以减少对视觉系统的冲击，帮助用户的眼睛在长时间使用后仍能保持舒适...
本压缩包“两个配色方案.zip”提供了为Xshell设计的两种不同配色方案，旨在提升用户在长时间使用时的视觉体验，减轻眼睛疲劳。 首先，我们来理解一下什么是配色方案。在软件设计中，配色方案是指一套颜色组合，用于...
网站配色方案是构建网页视觉效果的关键因素之一，它直接影响着用户对网站的第一印象和使用体验。色谱作为设计中的基础工具，可以帮助我们理解和运用颜色，以创建吸引人的、具有品牌特色的网站。以下是对网站配色方案...
图片配色方案可以根据不同的标准进行分类。一种常见的分类方法是根据色彩的性质进行分类，例如： * 单色配色方案：使用同一色彩的不同深浅度和饱和度来构成的配色方案。 * complementary color 配色方案：使用互补...
网页配色方案是设计领域中的一个重要环节，尤其是在创建引人入胜、视觉效果出色的网页时。版本V5.0的网页配色方案提供了一整套先进的颜色选取和搭配工具，帮助设计师们快速、准确地构建出和谐且具有吸引力的网页界面...
在20套网站经典配色方案中，我们可以深入探讨色彩心理学、色彩搭配原则以及如何根据不同的网站类型和目标受众来选择合适的颜色组合。 1. 色彩心理学：色彩能够激发情绪，引导用户的行为。例如，蓝色通常给人带来...
电子地图的配色方案是地图设计中的重要环节，它直接影响着地图的视觉效果和信息传达的清晰度。在设计电子地图的颜色搭配时，首要目标是确保用户能够舒适地阅读地图，同时有效地突出关键信息，如道路和地名。此外，...
在计算机图形学中，配色方案是至关重要的一个环节，它不仅影响着视觉效果，还能影响到信息传达的效率和准确性。"计算机制图配色方案大全" 提供了丰富的色彩搭配选择，帮助用户提升其图像设计的质量，尤其是在GIS...
"Q版网页游戏常用配色方案表"是一个为配色新手提供的宝贵资源，它包含标准的配色参数和对比色带，帮助设计师快速理解和应用色彩理论。 首先，我们需要了解基本的色彩理论。色彩可以分为原色（红、黄、蓝）和二次色...
"78种配色方案和色彩搭配"是一个专注于颜色设计的资源集合，它包括了78个不同的配色方案以及一份CMYK色彩搭配专用表，这些都是设计师们进行创作时不可或缺的参考工具。 首先，我们要理解配色方案。一个配色方案是指...
"绚丽的网页配色方案网页配色工具" 提供了对比明显、多样化的配色选择，旨在帮助设计师轻松实现专业且吸引人的网页设计。 在网页设计中，色彩不仅能够传达信息，还能引发情感反应，引导用户注意力，并建立品牌识别...
为了找到最优的配色方案，我们需要定义一个目标函数，它可能表示整体的美学价值、成本或其它评价标准。同时，可能还存在约束条件，比如颜色的可用性、相邻区域的颜色差异限制等。 首先，我们需要确定如何量化颜色的...
改变xshell的窗口外观，将下载的文件，解压缩。然后打开xshell，菜单栏下面的那一栏（标准按钮栏），找到配色方案，点击下拉，点击浏览，弹出的窗口里面选择导入，选择刚解压的文件，选择该主题，完事~~~
"网页配色词典"是一个专门为设计师和开发者提供的资源，它提供了丰富的配色方案，帮助用户轻松解决配色问题。下面，我们将深入探讨与网页配色相关的知识点。 首先，我们要理解颜色在网页设计中的作用。颜色不仅仅是...
配色方案的选择能够决定一个网站的整体风格，传达品牌信息，甚至影响用户的情感反应。而取色工具则帮助设计师精准地获取所需颜色，确保设计元素与整体风格的一致性。 在设计网站时，色彩搭配的重要性不容忽视。良好...
以下是基于标题“20个“标准的”方案”，描述“20个“标准的”配色方案 CSS边框与内容 标准布局”以及标签“配色 css”的详细知识点解释： 一、配色方案： 1. 色彩理论：理解色彩的基础知识，包括色相、饱和度和明...
一个成功的配色方案应该能够传达网站的主题、情感和品牌形象，同时保持视觉上的和谐与舒适。在创建网站配色方案时，设计师需要遵循一定的原则和方法。 首先，设计师需要理解色彩心理学，不同的颜色能够引发不同的...
【vim mokai配色方案】是一个针对Vim编辑器的色彩主题，旨在提供一种舒适、清晰且对眼睛友好的编程环境。Mokai主题强调了代码中的关键字、字符串、注释等元素，使得在长时间编写和阅读代码时，能够减少视觉疲劳，...
为了帮助设计师们更好地掌握这门技巧，现有一份包含了“网页标准配色方案”和“网页终极配色手册”的资源，它为设计师们提供了从基础到进阶的全面配色指导。 首先，让我们来探讨“网页标准配色方案”。在网页设计中...