16套优雅的配色方案代码(15 Elegant Color Schemes)
代码如下:
<br/><br/>Code<br/><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br/><br/><html xmlns="http://www.w3.org/1999/xhtml"><br/><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br/><title>清爽配色15套</title><br/><style type="text/css"><br/>.style1{<br/>width: 800px;<br/>height: 100px;<br/>margin: 0px auto;<br/>margin-bottom:20px;<br/>border:1px solid #96C2F1;<br/>background-color: #EFF7FF<br/>}<br/><br/>.style2{<br/>width: 800px;<br/>height: 100px;<br/>margin: 0px auto;<br/>margin-bottom:20px;<br/>border:1px solid #9BDF70;<br/>background-color: #F0FBEB<br/>}<br/><br/>.style3{<br/>width: 800px;<br/>height: 100px;<br/>margin: 0px auto;<br/>margin-bottom:20px;<br/>border:1px solid #BBE1F1;<br/>background-color: #EEFAFF<br/>}<br/><br/>.style4{<br/>width: 800px;<br/>height: 100px;<br/>margin: 0px auto;<br/>margin-bottom:20px;<br/>border:1px solid #CCEFF5;<br/>background-color: #FAFCFD<br/>}<br/><br/>.style5{<br/>width: 800px;<br/>height: 100px;<br/>margin: 0px auto;<br/>margin-bottom:20px;<br/>border:1px solid #FFCC00;<br/>background-color: #FFFFF7<br/>}<br/><br/>.style6{<br/>width: 800px;<br/>height: 100px;<br/>margin: 0px auto;<br/>margin-bottom:20px;<br/>border:1px solid #92B0DD;<br/>background-color: #FFFFFf<br/>}<br/>.style6 h5{<br/>margin: 1px;<br/>background-color: #E2EAF8;<br/>height: 24px;<br/>}<br/><br/>.style7{<br/>width: 800px;<br/>height: 100px;<br/>margin: 0px auto;<br/>margin-bottom:20px;<br/>border:1px solid #A9C9E2;<br/>background-color: #E8F5FE<br/>}<br/><br/>.style8{<br/>width: 800px;<br/>height: 100px;<br/>margin: 0px auto;<br/>margin-bottom:20px;<br/>border:1px solid #E3E197;<br/>background-color: #FFFFDD<br/>}<br/><br/>.style9{<br/>width: 800px;<br/>height: 100px;<br/>margin: 0px auto;<br/>margin-bottom:20px;<br/>border:1px solid #ADCD3C;<br/>background-color: #F2FDDB<br/>}<br/><br/>.style10{<br/>width: 800px;<br/>height: 100px;<br/>margin: 0px auto;<br/>margin-bottom:20px;<br/>border:1px solid #F8B3D0;<br/>background-color: #FFF5FA<br/>}<br/><br/>.style11{<br/>width: 800px;<br/>height: 100px;<br/>margin: 0px auto;<br/>margin-bottom:20px;<br/>border:1px solid #D3D3D3;<br/>background-color: #F7F7F7<br/>}<br/><br/>.style12{<br/>width: 800px;<br/>height: 100px;<br/>margin: 0px auto;<br/>margin-bottom:20px;<br/>border:1px solid #BFD1EB;<br/>background-color: #F3FAFF<br/>}<br/><br/>.style13{<br/>width: 800px;<br/>height: 100px;<br/>margin: 0px auto;<br/>margin-bottom:20px;<br/>border:1px solid #FFDD99;<br/>background-color: #FFF9ED<br/>} <br/><br/>.style14{<br/>width: 800px;<br/>height: 100px;<br/>margin: 0px auto;<br/>margin-bottom:20px;<br/>border:1px solid #CACAFF;<br/>background-color: #F7F7FF<br/>} <br/><br/>.style15{<br/>width: 800px;<br/>height: 100px;<br/>margin: 0px auto;<br/>margin-bottom:20px;<br/>border:1px solid #A5B6C8;<br/>background-color: #EEF3F7<br/>}<br/>.style16{<br/>width: 800px;<br/>height: 100px;<br/>margin: 0px auto;<br/>margin-bottom:20px;<br/>border:1px solid #CEE3E9;<br/>background-color: #F1F7F9<br/>} <br/></style><br/><br/><div class="style1"><h5></h5></div><br/><div class="style2"><h5></h5></div><br/><div class="style6"><h5></h5></div><br/><div class="style3"></div><br/><div class="style4"></div><br/><div class="style5"></div><br/><div class="style7"></div><br/><div class="style8"></div><br/><div class="style9"></div><br/><div class="style10"></div><br/><div class="style11"></div><br/><div class="style12"></div><br/><div class="style13"></div><br/><div class="style14"></div><br/><div class="style15"></div><br/><div class="style16"></div><br/><br/></html><br/><br/>
0 条留言
我要留言