1
<
html
>
2
<
head
>
3
<
title
>
web2.0 color
</
title
>
4
<
style
type
="text/css"
>
5 body{}{ 6 margin:20px; 7 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 8 font-size:12px; 9 text-align:center; 10 } 11 .style1{}{ 12 width: 800px; 13 height: 100px; 14 margin: 0px auto; 15 margin-bottom:20px; 16 border:1px solid #96C2F1; 17 background-color: #EFF7FF 18 } 19 .style1 h5{}{ 20 margin: 1px; 21 background-color: #B2D3F5; 22 height: 24px; 23 } 24 25 .style2{}{ 26 width: 800px; 27 height: 100px; 28 margin: 0px auto; 29 margin-bottom:20px; 30 border:1px solid #9BDF70; 31 background-color: #F0FBEB 32 } 33 .style2 h5{}{ 34 margin: 1px; 35 background-color: #C2ECA7; 36 height: 24px; 37 } 38 39 .style3{}{ 40 width: 800px; 41 height: 100px; 42 margin: 0px auto; 43 margin-bottom:20px; 44 border:1px solid #BBE1F1; 45 background-color: #EEFAFF 46 } 47 48 .style4{}{ 49 width: 800px; 50 height: 100px; 51 margin: 0px auto; 52 margin-bottom:20px; 53 border:1px solid #CCEFF5; 54 background-color: #FAFCFD 55 } 56 57 .style5{}{ 58 width: 800px; 59 height: 100px; 60 margin: 0px auto; 61 margin-bottom:20px; 62 border:1px solid #FFCC00; 63 background-color: #FFFFF7 64 } 65 66 .style6{}{ 67 width: 800px; 68 height: 100px; 69 margin: 0px auto; 70 margin-bottom:20px; 71 border:1px solid #92B0DD; 72 background-color: #FFFFFf 73 } 74 .style6 h5{}{ 75 margin: 1px; 76 background-color: #E2EAF8; 77 height: 24px; 78 } 79 80 .style7{}{ 81 width: 800px; 82 height: 100px; 83 margin: 0px auto; 84 margin-bottom:20px; 85 border:1px solid #A9C9E2; 86 background-color: #E8F5FE 87 } 88 89 .style8{}{ 90 width: 800px; 91 height: 100px; 92 margin: 0px auto; 93 margin-bottom:20px; 94 border:1px solid #E3E197; 95 background-color: #FFFFDD 96 } 97 98 .style9{}{ 99 width: 800px;100 height: 100px;101 margin: 0px auto;102 margin-bottom:20px;103 border:1px solid #ADCD3C;104 background-color: #F2FDDB105 }106 107 .style10{}{108 width: 800px;109 height: 100px;110 margin: 0px auto;111 margin-bottom:20px;112 border:1px solid #F8B3D0;113 background-color: #FFF5FA114 }115 116 .style11{}{117 width: 800px;118 height: 100px;119 margin: 0px auto;120 margin-bottom:20px;121 border:1px solid #D3D3D3;122 background-color: #F7F7F7123 }124 125 .style12{}{126 width: 800px;127 height: 100px;128 margin: 0px auto;129 margin-bottom:20px;130 border:1px solid #BFD1EB;131 background-color: #F3FAFF132 }133 134 .style13{}{135 width: 800px;136 height: 100px;137 margin: 0px auto;138 margin-bottom:20px;139 border:1px solid #FFDD99;140 background-color: #FFF9ED141 } 142 143 .style14{}{144 width: 800px;145 height: 100px;146 margin: 0px auto;147 margin-bottom:20px;148 border:1px solid #CACAFF;149 background-color: #F7F7FF150 } 151 152 .style15{}{153 width: 800px;154 height: 100px;155 margin: 0px auto;156 margin-bottom:20px;157 border:1px solid #A5B6C8;158 background-color: #EEF3F7159 }160 .style16{}{161 width: 800px;162 height: 100px;163 margin: 0px auto;164 margin-bottom:20px;165 border:1px solid #CEE3E9;166 background-color: #F1F7F9167 } 168 h5{}{color:#CCCCCC;margin-left:680px}169 a{}{color:#CCCCCC;text-decoration:none}170 a:hover{}{color:#666666;text-decoration:underline}171
</
style
>
172
<
meta
http-equiv
="Content-Type"
content
="text/html; charset=utf-8"
/></
head
>
173
<
body
>
174
<
div
class
="style1"
><
h5
></
h5
></
div
>
175
<
div
class
="style2"
><
h5
></
h5
></
div
>
176
<
div
class
="style6"
><
h5
></
h5
></
div
>
177
<
div
class
="style3"
></
div
>
178
<
div
class
="style4"
></
div
>
179
<
div
class
="style5"
></
div
>
180
<
div
class
="style7"
></
div
>
181
<
div
class
="style8"
></
div
>
182
<
div
class
="style9"
></
div
>
183
<
div
class
="style10"
></
div
>
184
<
div
class
="style11"
></
div
>
185
<
div
class
="style12"
></
div
>
186
<
div
class
="style13"
></
div
>
187
<
div
class
="style14"
></
div
>
188
<
div
class
="style15"
></
div
>
189
<
div
class
="style16"
></
div
>
190
</
body
>
191
</
html
>
192
转载于:https://www.cnblogs.com/cell/archive/2008/09/19/1294445.html
