Refreshing the color scheme of the website!

 

Copy the following code and save it as htm. Are you sure you want to see the preview effect?

<! Doctype HTML public "-// W3C // dtd xhtml 1.0 strict // en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<Title> 15 sets of refreshing colors </title>
<Style type = "text/CSS">
. Style1 {
Width: 800px;
Height: 100px;
Margin: 0px auto;
Margin-bottom: 20px;
Border: 1px solid #96c2f1;
Background-color: # eff7ff
}

. Style2 {
Width: 800px;
Height: 100px;
Margin: 0px auto;
Margin-bottom: 20px;
Border: 1px solid #9bdf70;
Background-color: # f0fbeb
}

. 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
}
</Style>

<Div class = "style1"> <H5> </H5> </div>
<Div class = "style2"> <H5> </H5> </div>
<Div class = "style6"> <H5> </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>