常见你web2.0配色方案
2011-06-08 13:55
267 查看
<mce:style type="text/css"><!-- .Alldiv { MARGIN: 10px;WIDTH: 550px; LINE-HEIGHT: 1.6em; BORDER: 1px solid #FFF; HEIGHT: 50px } .div1 { BORDER-LEFT-COLOR: #ffcc00; BORDER-BOTTOM-COLOR: #ffcc00; BORDER-TOP-COLOR: #ffcc00; BACKGROUND-COLOR: #fffff7; BORDER-RIGHT-COLOR: #ffcc00 } .div2 { BORDER-LEFT-COLOR: #96c2f1; BORDER-BOTTOM-COLOR: #96c2f1; BORDER-TOP-COLOR: #96c2f1; BACKGROUND-COLOR: #eff7ff; BORDER-RIGHT-COLOR: #96c2f1 } .div3 { BORDER-LEFT-COLOR: #9bdf70; BORDER-BOTTOM-COLOR: #9bdf70; BORDER-TOP-COLOR: #9bdf70; BACKGROUND-COLOR: #f0fbeb; BORDER-RIGHT-COLOR: #9bdf70 } .div4 { BORDER-LEFT-COLOR: #abdc8d; BORDER-BOTTOM-COLOR: #abdc8d; BORDER-TOP-COLOR: #abdc8d; BACKGROUND-COLOR: #f8ffe7; BORDER-RIGHT-COLOR: #abdc8d } .div5 { BORDER-LEFT-COLOR: #adcd3c; BORDER-BOTTOM-COLOR: #adcd3c; BORDER-TOP-COLOR: #adcd3c; BACKGROUND-COLOR: #f2fddb; BORDER-RIGHT-COLOR: #adcd3c } .div6 { BORDER-LEFT-COLOR: #bbe1f1; BORDER-BOTTOM-COLOR: #bbe1f1; BORDER-TOP-COLOR: #bbe1f1; BACKGROUND-COLOR: #eefaff; BORDER-RIGHT-COLOR: #bbe1f1 } .div7 { BORDER-LEFT-COLOR: #d1f0f6; BORDER-BOTTOM-COLOR: #d1f0f6; BORDER-TOP-COLOR: #d1f0f6; BACKGROUND-COLOR: #fafcfd; BORDER-RIGHT-COLOR: #d1f0f6 } .div8 { BORDER-LEFT-COLOR: #a9c9e2; BORDER-BOTTOM-COLOR: #a9c9e2; BORDER-TOP-COLOR: #a9c9e2; BACKGROUND-COLOR: #e8f5fe; BORDER-RIGHT-COLOR: #a9c9e2 } .div9 { BORDER-LEFT-COLOR: #e3e197; BORDER-BOTTOM-COLOR: #e3e197; BORDER-TOP-COLOR: #e3e197; BACKGROUND-COLOR: #ffffeb; BORDER-RIGHT-COLOR: #e3e197 } .div10 { BORDER-LEFT-COLOR: #f8b3d0; BORDER-BOTTOM-COLOR: #f8b3d0; BORDER-TOP-COLOR: #f8b3d0; BACKGROUND-COLOR: #fff5fa; BORDER-RIGHT-COLOR: #f8b3d0 } .div11 { BORDER-LEFT-COLOR: #d3d3d3; BORDER-BOTTOM-COLOR: #d3d3d3; BORDER-TOP-COLOR: #d3d3d3; BACKGROUND-COLOR: #f7f7f7; BORDER-RIGHT-COLOR: #d3d3d3 } .div12 { BORDER-LEFT-COLOR: #bfd1eb; BORDER-BOTTOM-COLOR: #bfd1eb; BORDER-TOP-COLOR: #bfd1eb; BACKGROUND-COLOR: #f3faff; BORDER-RIGHT-COLOR: #bfd1eb } .div13 { BORDER-LEFT-COLOR: #ffdd99; BORDER-BOTTOM-COLOR: #ffdd99; BORDER-TOP-COLOR: #ffdd99; BACKGROUND-COLOR: #fff9ed; BORDER-RIGHT-COLOR: #ffdd99 } .div14 { BORDER-LEFT-COLOR: #cacaff; BORDER-BOTTOM-COLOR: #cacaff; BORDER-TOP-COLOR: #cacaff; BACKGROUND-COLOR: #f7f7ff; BORDER-RIGHT-COLOR: #cacaff } .div15 { BORDER-LEFT-COLOR: #a5b6c8; BORDER-BOTTOM-COLOR: #a5b6c8; BORDER-TOP-COLOR: #a5b6c8; BACKGROUND-COLOR: #eef3f7; BORDER-RIGHT-COLOR: #a5b6c8 } .div16 { BORDER-LEFT-COLOR: #cee3e9; BORDER-BOTTOM-COLOR: #cee3e9; BORDER-TOP-COLOR: #cee3e9; BACKGROUND-COLOR: #f1f7f9; BORDER-RIGHT-COLOR: #cee3e9 } .div17 { BORDER-LEFT-COLOR: #cae3ff; BORDER-BOTTOM-COLOR: #cae3ff; BORDER-TOP-COLOR: #cae3ff; BACKGROUND-COLOR: #f4f9ff; BORDER-RIGHT-COLOR: #cae3ff } .div18 { BORDER-LEFT-COLOR: #5c9cc0; BORDER-BOTTOM-COLOR: #5c9cc0; BORDER-TOP-COLOR: #5c9cc0; BACKGROUND-COLOR: #f2faff; BORDER-RIGHT-COLOR: #5c9cc0 } .div19 { BORDER-LEFT-COLOR: #86b9d6; BORDER-BOTTOM-COLOR: #86b9d6; BORDER-TOP-COLOR: #86b9d6; BACKGROUND-COLOR: #f5fbff; BORDER-RIGHT-COLOR: #86b9d6 } --></mce:style><style type="text/css" mce_bogus="1"> .Alldiv { MARGIN: 10px;WIDTH: 550px; LINE-HEIGHT: 1.6em; BORDER: 1px solid #FFF; HEIGHT: 50px } .div1 { BORDER-LEFT-COLOR: #ffcc00; BORDER-BOTTOM-COLOR: #ffcc00; BORDER-TOP-COLOR: #ffcc00; BACKGROUND-COLOR: #fffff7; BORDER-RIGHT-COLOR: #ffcc00 } .div2 { BORDER-LEFT-COLOR: #96c2f1; BORDER-BOTTOM-COLOR: #96c2f1; BORDER-TOP-COLOR: #96c2f1; BACKGROUND-COLOR: #eff7ff; BORDER-RIGHT-COLOR: #96c2f1 } .div3 { BORDER-LEFT-COLOR: #9bdf70; BORDER-BOTTOM-COLOR: #9bdf70; BORDER-TOP-COLOR: #9bdf70; BACKGROUND-COLOR: #f0fbeb; BORDER-RIGHT-COLOR: #9bdf70 } .div4 { BORDER-LEFT-COLOR: #abdc8d; BORDER-BOTTOM-COLOR: #abdc8d; BORDER-TOP-COLOR: #abdc8d; BACKGROUND-COLOR: #f8ffe7; BORDER-RIGHT-COLOR: #abdc8d } .div5 { BORDER-LEFT-COLOR: #adcd3c; BORDER-BOTTOM-COLOR: #adcd3c; BORDER-TOP-COLOR: #adcd3c; BACKGROUND-COLOR: #f2fddb; BORDER-RIGHT-COLOR: #adcd3c } .div6 { BORDER-LEFT-COLOR: #bbe1f1; BORDER-BOTTOM-COLOR: #bbe1f1; BORDER-TOP-COLOR: #bbe1f1; BACKGROUND-COLOR: #eefaff; BORDER-RIGHT-COLOR: #bbe1f1 } .div7 { BORDER-LEFT-COLOR: #d1f0f6; BORDER-BOTTOM-COLOR: #d1f0f6; BORDER-TOP-COLOR: #d1f0f6; BACKGROUND-COLOR: #fafcfd; BORDER-RIGHT-COLOR: #d1f0f6 } .div8 { BORDER-LEFT-COLOR: #a9c9e2; BORDER-BOTTOM-COLOR: #a9c9e2; BORDER-TOP-COLOR: #a9c9e2; BACKGROUND-COLOR: #e8f5fe; BORDER-RIGHT-COLOR: #a9c9e2 } .div9 { BORDER-LEFT-COLOR: #e3e197; BORDER-BOTTOM-COLOR: #e3e197; BORDER-TOP-COLOR: #e3e197; BACKGROUND-COLOR: #ffffeb; BORDER-RIGHT-COLOR: #e3e197 } .div10 { BORDER-LEFT-COLOR: #f8b3d0; BORDER-BOTTOM-COLOR: #f8b3d0; BORDER-TOP-COLOR: #f8b3d0; BACKGROUND-COLOR: #fff5fa; BORDER-RIGHT-COLOR: #f8b3d0 } .div11 { BORDER-LEFT-COLOR: #d3d3d3; BORDER-BOTTOM-COLOR: #d3d3d3; BORDER-TOP-COLOR: #d3d3d3; BACKGROUND-COLOR: #f7f7f7; BORDER-RIGHT-COLOR: #d3d3d3 } .div12 { BORDER-LEFT-COLOR: #bfd1eb; BORDER-BOTTOM-COLOR: #bfd1eb; BORDER-TOP-COLOR: #bfd1eb; BACKGROUND-COLOR: #f3faff; BORDER-RIGHT-COLOR: #bfd1eb } .div13 { BORDER-LEFT-COLOR: #ffdd99; BORDER-BOTTOM-COLOR: #ffdd99; BORDER-TOP-COLOR: #ffdd99; BACKGROUND-COLOR: #fff9ed; BORDER-RIGHT-COLOR: #ffdd99 } .div14 { BORDER-LEFT-COLOR: #cacaff; BORDER-BOTTOM-COLOR: #cacaff; BORDER-TOP-COLOR: #cacaff; BACKGROUND-COLOR: #f7f7ff; BORDER-RIGHT-COLOR: #cacaff } .div15 { BORDER-LEFT-COLOR: #a5b6c8; BORDER-BOTTOM-COLOR: #a5b6c8; BORDER-TOP-COLOR: #a5b6c8; BACKGROUND-COLOR: #eef3f7; BORDER-RIGHT-COLOR: #a5b6c8 } .div16 { BORDER-LEFT-COLOR: #cee3e9; BORDER-BOTTOM-COLOR: #cee3e9; BORDER-TOP-COLOR: #cee3e9; BACKGROUND-COLOR: #f1f7f9; BORDER-RIGHT-COLOR: #cee3e9 } .div17 { BORDER-LEFT-COLOR: #cae3ff; BORDER-BOTTOM-COLOR: #cae3ff; BORDER-TOP-COLOR: #cae3ff; BACKGROUND-COLOR: #f4f9ff; BORDER-RIGHT-COLOR: #cae3ff } .div18 { BORDER-LEFT-COLOR: #5c9cc0; BORDER-BOTTOM-COLOR: #5c9cc0; BORDER-TOP-COLOR: #5c9cc0; BACKGROUND-COLOR: #f2faff; BORDER-RIGHT-COLOR: #5c9cc0 } .div19 { BORDER-LEFT-COLOR: #86b9d6; BORDER-BOTTOM-COLOR: #86b9d6; BORDER-TOP-COLOR: #86b9d6; BACKGROUND-COLOR: #f5fbff; BORDER-RIGHT-COLOR: #86b9d6 }</style> <div class="Alldiv"> <div class="Alldiv div1"> </div> <div class="Alldiv div2"> </div> <div class="Alldiv div3"> </div> <div class="Alldiv div4"> </div> <div class="Alldiv div5"> </div> <div class="Alldiv div6"> </div> <div class="Alldiv div7"> </div> <div class="Alldiv div8"> </div> <div class="Alldiv div9"> </div> <div class="Alldiv div10"> </div> <div class="Alldiv div11"> </div> <div class="Alldiv div12"> </div> <div class="Alldiv div13"> </div> <div class="Alldiv div14"> </div> <div class="Alldiv div15"> </div> <div class="Alldiv div16"> </div> <div class="Alldiv div17"> </div> <div class="Alldiv div18"> </div> <div class="Alldiv div19"> </div> </div> 文章出处:标准之路(http://www.aa25.cn/web_w3c/275.shtml)
相关文章推荐
- 10个经典的web2.0配色方案网站 (转)
- web2.0网站的配色、设计参考方案【图】
- 10个经典的web2.0配色方案网站
- 主流web2.0网站配色方案
- 主流web2.0网站的配色参考方案
- 主流web2.0网站的配色参考方案
- asp.net web2.0网站配色方案
- 主流web2.0网站的配色参考方案
- 主流web2.0网站的配色方案供你参考
- 【配色】10个经典的web2.0配色方案网站
- 常见Web2.0网站配色
- [转载]10个经典的web2.0配色方案网站
- 19种常见Web2.0网站配色【截图+代码】
- [转载]10个经典的web2.0配色方案网站
- [欣赏] 10个经典的web2.0配色方案网站
- 主流web2.0网站的配色参考方案
- web2.0网站配色方案
- web2.0网站的配色参考方案
- web2.0网站配色方案
- 平面设计常见的配色方案及色标