您好,欢迎来到数据时代——专业的互联网应用服务提供商!
当前位置:首页 >> 技术文章 >> 平面知识

常见Web2.0网站配色

时间:2013-12-27 来源:数据时代 作者: Funly

代码复制保存 即可查看效果:

效果图:

<div><style type="text/css"></div>

<div><!--</div>
<div>.Alldiv {</div>
<div>MARGIN: 10px;WIDTH: 550px; LINE-HEIGHT: 1.6em; BORDER: 1px solid #FFF; HEIGHT: 50px</div>
<div>}</div>
<div>.div1 {</div>
<div>BORDER-LEFT-COLOR: #ffcc00; BORDER-BOTTOM-COLOR: #ffcc00; BORDER-TOP-COLOR: #ffcc00; BACKGROUND-COLOR: #fffff7; BORDER-RIGHT-COLOR: #ffcc00</div>
<div>}</div>
<div>.div2 {</div>
<div>BORDER-LEFT-COLOR: #96c2f1; BORDER-BOTTOM-COLOR: #96c2f1; BORDER-TOP-COLOR: #96c2f1; BACKGROUND-COLOR: #eff7ff; BORDER-RIGHT-COLOR: #96c2f1</div>
<div>}</div>
<div>.div3 {</div>
<div>BORDER-LEFT-COLOR: #9bdf70; BORDER-BOTTOM-COLOR: #9bdf70; BORDER-TOP-COLOR: #9bdf70; BACKGROUND-COLOR: #f0fbeb; BORDER-RIGHT-COLOR: #9bdf70</div>
<div>}</div>
<div>.div4 {</div>
<div>BORDER-LEFT-COLOR: #abdc8d; BORDER-BOTTOM-COLOR: #abdc8d; BORDER-TOP-COLOR: #abdc8d; BACKGROUND-COLOR: #f8ffe7; BORDER-RIGHT-COLOR: #abdc8d</div>
<div>}</div>
<div>.div5 {</div>
<div>BORDER-LEFT-COLOR: #adcd3c; BORDER-BOTTOM-COLOR: #adcd3c; BORDER-TOP-COLOR: #adcd3c; BACKGROUND-COLOR: #f2fddb; BORDER-RIGHT-COLOR: #adcd3c</div>
<div>}</div>
<div>.div6 {</div>
<div>BORDER-LEFT-COLOR: #bbe1f1; BORDER-BOTTOM-COLOR: #bbe1f1; BORDER-TOP-COLOR: #bbe1f1; BACKGROUND-COLOR: #eefaff; BORDER-RIGHT-COLOR: #bbe1f1</div>
<div>}</div>
<div>.div7 {</div>
<div>BORDER-LEFT-COLOR: #d1f0f6; BORDER-BOTTOM-COLOR: #d1f0f6; BORDER-TOP-COLOR: #d1f0f6; BACKGROUND-COLOR: #fafcfd; BORDER-RIGHT-COLOR: #d1f0f6</div>
<div>}</div>
<div>.div8 {</div>
<div>BORDER-LEFT-COLOR: #a9c9e2; BORDER-BOTTOM-COLOR: #a9c9e2; BORDER-TOP-COLOR: #a9c9e2; BACKGROUND-COLOR: #e8f5fe; BORDER-RIGHT-COLOR: #a9c9e2</div>
<div>}</div>
<div>.div9 {</div>
<div>BORDER-LEFT-COLOR: #e3e197; BORDER-BOTTOM-COLOR: #e3e197; BORDER-TOP-COLOR: #e3e197; BACKGROUND-COLOR: #ffffeb; BORDER-RIGHT-COLOR: #e3e197</div>
<div>}</div>
<div>.div10 {</div>
<div>BORDER-LEFT-COLOR: #f8b3d0; BORDER-BOTTOM-COLOR: #f8b3d0; BORDER-TOP-COLOR: #f8b3d0; BACKGROUND-COLOR: #fff5fa; BORDER-RIGHT-COLOR: #f8b3d0</div>
<div>}</div>
<div>.div11 {</div>
<div>BORDER-LEFT-COLOR: #d3d3d3; BORDER-BOTTOM-COLOR: #d3d3d3; BORDER-TOP-COLOR: #d3d3d3; BACKGROUND-COLOR: #f7f7f7; BORDER-RIGHT-COLOR: #d3d3d3</div>
<div>}</div>
<div>.div12 {</div>
<div>BORDER-LEFT-COLOR: #bfd1eb; BORDER-BOTTOM-COLOR: #bfd1eb; BORDER-TOP-COLOR: #bfd1eb; BACKGROUND-COLOR: #f3faff; BORDER-RIGHT-COLOR: #bfd1eb</div>
<div>}</div>
<div>.div13 {</div>
<div>BORDER-LEFT-COLOR: #ffdd99; BORDER-BOTTOM-COLOR: #ffdd99; BORDER-TOP-COLOR: #ffdd99; BACKGROUND-COLOR: #fff9ed; BORDER-RIGHT-COLOR: #ffdd99</div>
<div>}</div>
<div>.div14 {</div>
<div>BORDER-LEFT-COLOR: #cacaff; BORDER-BOTTOM-COLOR: #cacaff; BORDER-TOP-COLOR: #cacaff; BACKGROUND-COLOR: #f7f7ff; BORDER-RIGHT-COLOR: #cacaff</div>
<div>}</div>
<div>.div15 {</div>
<div>BORDER-LEFT-COLOR: #a5b6c8; BORDER-BOTTOM-COLOR: #a5b6c8; BORDER-TOP-COLOR: #a5b6c8; BACKGROUND-COLOR: #eef3f7; BORDER-RIGHT-COLOR: #a5b6c8</div>
<div>}</div>
<div>.div16 {</div>
<div>BORDER-LEFT-COLOR: #cee3e9; BORDER-BOTTOM-COLOR: #cee3e9; BORDER-TOP-COLOR: #cee3e9; BACKGROUND-COLOR: #f1f7f9; BORDER-RIGHT-COLOR: #cee3e9</div>
<div>}</div>
<div>.div17 {</div>
<div>BORDER-LEFT-COLOR: #cae3ff; BORDER-BOTTOM-COLOR: #cae3ff; BORDER-TOP-COLOR: #cae3ff; BACKGROUND-COLOR: #f4f9ff; BORDER-RIGHT-COLOR: #cae3ff</div>
<div>}</div>
<div>.div18 {</div>
<div>BORDER-LEFT-COLOR: #5c9cc0; BORDER-BOTTOM-COLOR: #5c9cc0; BORDER-TOP-COLOR: #5c9cc0; BACKGROUND-COLOR: #f2faff; BORDER-RIGHT-COLOR: #5c9cc0</div>
<div>}</div>
<div>.div19 {</div>
<div>BORDER-LEFT-COLOR: #86b9d6; BORDER-BOTTOM-COLOR: #86b9d6; BORDER-TOP-COLOR: #86b9d6; BACKGROUND-COLOR: #f5fbff; BORDER-RIGHT-COLOR: #86b9d6</div>
<div>}</div>
<div>--></style></div>
<div><div class="Alldiv"></div>
<div><div class="Alldiv div1">&nbsp;</div></div>
<div><div class="Alldiv div2">&nbsp;</div></div>
<div><div class="Alldiv div3">&nbsp;</div></div>
<div><div class="Alldiv div4">&nbsp;</div></div>
<div><div class="Alldiv div5">&nbsp;</div></div>
<div><div class="Alldiv div6">&nbsp;</div></div>
<div><div class="Alldiv div7">&nbsp;</div></div>
<div><div class="Alldiv div8">&nbsp;</div></div>
<div><div class="Alldiv div9">&nbsp;</div></div>
<div><div class="Alldiv div10">&nbsp;</div></div>
<div><div class="Alldiv div11">&nbsp;</div></div>
<div><div class="Alldiv div12">&nbsp;</div></div>
<div><div class="Alldiv div13">&nbsp;</div></div>
<div><div class="Alldiv div14">&nbsp;</div></div>
<div><div class="Alldiv div15">&nbsp;</div></div>
<div><div class="Alldiv div16">&nbsp;</div></div>
<div><div class="Alldiv div17">&nbsp;</div></div>
<div><div class="Alldiv div18">&nbsp;</div></div>
<div><div class="Alldiv div19">&nbsp;</div></div>
<div></div></div>
<div><br />
</div>


收缩
  • 电话咨询

  • 4000 111 025