<html>
<head>
<title>web2.0 color</title>
<style type="text/css">
body{
margin:20px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
}
.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
}
h5{color:#CCCCCC;margin-left:680px}
a{color:#CCCCCC;text-decoration:none}
a:hover{color:#666666;text-decoration:underline}
</style>
</head>
<body>
<div class="style1"><h5>ssss</h5></div>
<div class="style2"><h5>ssss</h5></div>
<div class="style6"><h5>ssss</h5></div>
<div class="style3">ssssss</div>
<div class="style4">ssss</div>
<div class="style5">ssss</div>
<div class="style7">ssssssssssss</div>
<div class="style8">ssss</div>
<div class="style9">sss</div>
<div class="style10">ssss</div>
<div class="style11">sss</div>
<div class="style12">sss</div>
<div class="style13">sssssss</div>
<div class="style14">ssssss</div>
<div class="style15">ssssssss</div>
</body>
</html>
分享到：
相关推荐
7. **响应式配色**：随着移动设备的普及，Web2.0配色也需要考虑不同屏幕尺寸和背景下的显示效果，确保色彩在任何环境下都能保持良好的可读性和视觉一致性。 8. **无障碍性**：在选择Web2.0色系时，还需考虑色彩对比...
web2.0网站常用配色 不想用图片 做好看的div 不防试试
"Web2.0配色专用工具"就是为了帮助开发者和设计师们更好地实现这一目标而设计的。 配色在设计中起着决定性的作用，它可以影响用户的第一印象，增强品牌识别度，以及提升用户的使用体验。Web2.0时代的网站倾向于使用...
在Web2.0的概念中，用户体验被放在了首位，网站设计更加注重交互性和可定制性。蓝色Web2.0可能涉及到的元素包括： 1. **响应式设计**：随着移动设备的普及，网页设计需要适应不同屏幕尺寸，蓝色Web2.0可能会采用...
主流web2.0网站的配色参考方案; 主流web2.0网站的配色参考方案.
【标题】"Web2.0色系表"指的是在Web2.0时代广泛采用的一系列色彩搭配方案，这些颜色在网页设计、平面设计以及UI设计中具有重要地位。Web2.0时代，互联网开始从静态信息展示转变为动态交互体验，设计理念也随之更新，...
WCAG（Web Content Accessibility Guidelines）提供了一套标准，用于评估颜色对比度是否足够，以保障网站对色盲或视力不佳用户的友好性。 此外，颜色代码也可以用于CSS（Cascading Style Sheets）中，用于设置网页...
【绿色Web2.0设计模板】是现代网页设计中的一种风格，它结合了Web2.0的互动性和绿色主题，创造出清新、环保且富有吸引力的网页界面。这种设计风格注重用户体验，强调网站的易用性、互动性和视觉美感。Web2.0的核心...
这个模板的特色在于灰棕色的配色方案，这种色调通常给人一种稳重且高质感的印象，非常适合商业或专业服务类网站。 在设计方面，这个模板遵循了Web2.0的设计原则，包括清晰的布局、大胆的色彩对比、光滑的渐变效果、...
Web2.0风格按钮在网页设计中是一种流行的设计趋势，它源自于2000年代中期，以丰富、动态和互动性为特点。这种风格的按钮通常拥有光滑的表面、渐变色彩、高光和阴影效果，使得按钮看起来更加立体且吸引用户点击。Web...
标题中的“运用比较纯的CSS打造很Web2.0的按钮”是指利用纯CSS技术，尤其是CSS3的新特性，创建出具有Web2.0风格的按钮。Web2.0风格通常指的是富有质感、动态和交互性的设计，其中渐变色、圆角和阴影是其标志性的元素...
Web 2.0 Login是一个专为后台管理系统设计的HTML登录模板，它采用了现代Web开发技术，旨在提供一种直观、响应式且用户友好的登录界面。这个模板尤其适用于那些需要一个吸引人且功能丰富的登录页面的Web应用程序。让...
主流的网站色彩的搭配，以及什么颜色能给网站带来什么养的视觉感受。
网页设计是创建引人入胜、用户友好的网站的关键步骤之一，而配色则是其中不可或缺的部分。本资源包，"网页设计配色工具包网页设计师专用配色软件2.0中文绿色版"，专为网页设计师量身打造，提供了一整套强大的色彩...
同时，新版应用了全新的设计风格和配色方案，整体使用较为安全的蓝色作为主色调，同时简化了相关元素的配色，调整起来也会更加方便。 为了适应更广泛的使用需求，作品中大多数的元件类型都分别提供了静态和动态的...
【标签】"web2.0" Web 2.0不仅仅是一个技术概念，它也影响了设计趋势。在网页设计中，Web 2.0风格通常包括以下特点： 1. **扁平化设计**：去除了多余的装饰元素，使设计更为简洁。 2. **大胆的色彩**：鲜艳的色彩...
网页设计配色是网站开发过程中至关重要的一环，它直接影响到用户对网站的第一印象以及整体的用户体验。"网页设计配色工具包V2.0 绿色版" 是一个专为网页设计师打造的实用工具，旨在简化色彩搭配的过程，提高设计效率...
"灰棕色web20网页模板-棕色 头部 web20 白色 简洁 按钮.rar" 提供的是一种特定风格的网页设计，主要特征包括灰棕色色调、简洁的界面、Web2.0的设计元素以及明显的白色按钮。这个压缩包文件包含了一个网页模板的全部...
这个模板以大图背景为特色，结合了蓝色和白色调，呈现出一种现代、专业的Web2.0风格。Web2.0是指互联网的第二个发展阶段，它强调用户交互、社区构建以及富媒体内容的使用。 首先，让我们深入了解一下Web2.0的设计...
Web2.0是2000年代中期提出的一个概念，它代表了互联网的一种新趋势，强调互动性、用户体验和富媒体内容。这个模板结合了橙色、灰色和白色调，用线条元素和大图设计，为用户提供了清晰、简洁的浏览体验，同时适合...