| <html> |
| <head> |
| <title>Color Test</title> |
| <style type="text/css"> |
| body {color: #444444} |
| |
| .blue,.foo {color: #0000ff} |
| .bgblue,.bar {background-color: #0000ff} |
| |
| .bgred {background-color: #ff0000} |
| |
| div { |
| font-family: Verdana, sans-serif; |
| font-size: 0.5in; |
| height: 1in; |
| width: 1in; |
| text-align: center; |
| vertical-align: center; |
| border: 1px solid black; |
| margin: 12pt; |
| } |
| td {width: 2.5in} |
| </style> |
| </head> |
| <body> |
| <table> |
| <tr> |
| |
| <td><h1>Blue-on-blue</h1> |
| Background color first |
| <div class="bgblue blue">Az</div> |
| Text color first |
| <div class="blue bgblue">Az</div> |
| </td> |
| |
| <td><h1>Blue-on-red</h1> |
| Background color first |
| <div class="bgred blue">Az</div> |
| Text color first |
| <div class="blue bgred">Az</div> |
| </td> |
| |
| <td><h1>Blue-on-blue</h1> |
| Background color first |
| <div class="bar foo">Az</div> |
| Text color first |
| <div class="foo bar">Az</div> |
| </td> |
| |
| </tr></table> |
| </body> |
| </html> |
