常见你web2.0配色方案

最新推荐文章于 2012-05-25 09:31:45 发布

原创最新推荐文章于 2012-05-25 09:31:45 发布 · 939 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#web #class #div #c #border

HTML/CSS/JS 专栏收录该内容

31 篇文章

订阅专栏

本文详细介绍了CSS样式的应用，通过具体的样式代码展示了不同CSS类别的设置方法。包括边框颜色、背景颜色等属性，适用于网页布局的设计。

<mce:style type="text/css"></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)