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