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