<HTML>
<Head>
<Title> colors </title>
<Style type = "text/CSS">
Body {
Margin: 20px;
Font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
Font-size: 12px;
}
. 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
}
. Style16 {
Width: 800px;
Height: 100px;
Margin: 0px auto;
Margin-bottom: 20px;
Border: 1px solid # cee3e9;
Background-color: # f1f7f9
}
. Style17 {
Width: 800px;
Height: 100px;
Margin: 0px auto;
Margin-bottom: 20px;
Border: 1px solid # cae3ff;
Background-color: # f4f9ff
}
. Style18 {
Width: 800px;
Height: 100px;
Margin: 0px auto;
Margin-bottom: 20px;
Border: 1px solid # c9d9ee;
Background-color: # ecf8ff
}
. Style19 {
Width: 800px;
Height: 100px;
Margin: 0px auto;
Margin-bottom: 20px;
Border: 1px solid #5c9cc0;
Background-color: # f2faff
}
H5 {color: # cccccc; margin-left: 680px}
A {color: # cccccc; text-Decoration: None}
A: hover {color: #666666; text-Decoration: underline}
</Style>
<Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8"/> <Body>
<Div class = "style1"> <H5> title </H5> </div>
<Div class = "style2"> <H5> title </H5> </div>
<Div class = "style6"> <H5> title </H5> </div>
<Div class = "style3"> </div>
<Div class = "style4"> </div>
<Div class = "style5"> </div>
<Div class = "style7"> </div>
<Div class = "style8"> </div>
<Div class = "style9"> </div>
<Div class = "style10"> </div>
<Div class = "style11"> </div>
<Div class = "style12"> </div>
<Div class = "style13"> </div>
<Div class = "style14"> </div>
<Div class = "style15"> </div>
<Div class = "style16"> </div>
<Div class = "style17"> </div>
<Div class = "style18"> </div>
<Div class = "style19"> </div>
</Body>
</Html>
