| <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> |