1 <!DOCTYPE html PUBLIC
"-//W3C//DTD HTML 4.01//EN"
2 "http://www.w3.org/TR/html4/strict.dtd">
5 <title>Table background tests
</title>
6 <meta http-equiv=
"Content-Type" content=
"text/html; charset=UTF-8">
7 <meta http-equiv=
"Content-Style-Type" content=
"text/css">
8 <style type=
"text/css">
10 html
, body
{ margin: 0; padding: 0; border: 0; font-size: 16px; }
11 body
{ padding: 15px; }
15 margin: 0px 3px 2px 4px;
16 border-width: 4px 2px 8px 6px;
19 (2px of border outside height)
20 extra border width for top row: 0
21 cell * 5: == 19px * 5 == 95px
27 extra border width for top row: 2px
28 (4px of border outside height)
31 (3px of border outside width)
32 extra border width for left column: 2px
33 cell * 5: == 57px * 5 == 285px
39 (1px of border outside width)
42 div
{ width: 57px; height: 19px; margin: 40px 118px 86px 123px; }
43 div
.color
{ background-color: aqua
; }
45 div
.imagetl
, div
.imagebr
{
46 background-image: url
(repeatable-diagonal-gradient-with-ticks
.png
);
49 div
.imagetl
{ background-position: 1px 2px; }
50 div
.imagebr
{ background-position: 56px 17px; }
56 <div class=
"color"></div>
57 <div class=
"imagetl"></div>
58 <div class=
"imagebr"></div>