LayoutTests/fast/css/003.html

   1 <html>
   2 <head>
   3 <title>Color Test</title>
   4 <style type="text/css">
   5 body {color: #444444}
   6
   7 .blue,.foo {color: #0000ff}
   8 .bgblue,.bar {background-color: #0000ff}
   9
  10 .bgred {background-color: #ff0000}
  11
  12 div {
  13         font-family: Verdana, sans-serif;
  14         font-size: 0.5in;
  15         height: 1in;
  16         width: 1in;
  17         text-align: center;
  18         vertical-align: center;
  19         border: 1px solid black;
  20         margin: 12pt;
  21 }
  22 td {width: 2.5in}
  23 </style>
  24 </head>
  25 <body>
  26 <table>
  27 <tr>
  28
  29 <td><h1>Blue-on-blue</h1>
  30 Background color first
  31 <div class="bgblue blue">Az</div>
  32 Text color first
  33 <div class="blue bgblue">Az</div>
  34 </td>
  35
  36 <td><h1>Blue-on-red</h1>
  37 Background color first
  38 <div class="bgred blue">Az</div>
  39 Text color first
  40 <div class="blue bgred">Az</div>
  41 </td>
  42
  43 <td><h1>Blue-on-blue</h1>
  44 Background color first
  45 <div class="bar foo">Az</div>
  46 Text color first
  47 <div class="foo bar">Az</div>
  48 </td>
  49
  50 </tr></table>
  51 </body>
  52 </html>