4 <title>Test of CSS3 background-position
4 values
</title>
6 .diamond { width:
10px; height:
10px; background-image: url(
"./resources/diamond.png"); position:relative; line-height:
0; }
7 .ring { width:
42px; height:
42px; background-image: url(
"./resources/ring.png"); position:relative; line-height:
0; }
8 .box { width:
100px; height:
100px; }
12 <table border
cellspacing=
"0" cellpadding=
"0">
16 <div class=
"diamond" style=
"left:10px; top:15px;"></div>
21 <div class=
"diamond" style=
"left:80px; top:80px;"></div>
26 <div class=
"diamond" style=
"left:0px; top:0px;"></div>
31 <div class=
"diamond" style=
"left:10px; top:15px;"></div>
36 <div class=
"diamond" style=
"left:0px; top:15px;"></div>
43 <div class=
"diamond" style=
"left:10px; top:0px;"></div>
48 <div class=
"diamond" style=
"left:90px; top:15px;"></div>
53 <div class=
"diamond" style=
"left:10px; top:45px;"></div>
58 <div class=
"diamond" style=
"left:45px; top:20px"></div>
63 <div class=
"diamond" style=
"left:45px; top:20px"></div>
70 <div class=
"diamond" style=
"left:30px; top:45px"></div>
75 <div class=
"diamond" style=
"left:20px; top:0px"></div>
80 <div class=
"diamond" style=
"left:45px; top:45px"></div>
81 <div class=
"ring" style=
"left:0px; top:28px"></div>
86 <div class=
"diamond" style=
"left:70px; top:70px"></div>
87 <div class=
"ring" style=
"left:0px; top:19px"></div>
92 <div class=
"diamond" style=
"left:10px; top:15px;"></div>
93 <div class=
"ring" style=
"left:38px; top:28px"></div>
100 <div class=
"diamond" style=
"left:10px; top:0px"></div>
101 <div class=
"ring" style=
"left:58px; top:0px"></div>
106 <div class=
"diamond" style=
"left:90px; top:15px"></div>
107 <div class=
"ring" style=
"left:38px; top:48px"></div>
112 <div class=
"diamond" style=
"left:45px; top:45px"></div>
113 <div class=
"ring" style=
"left:29px; top:19px"></div>
118 <div class=
"diamond" style=
"left:45px; top:45px"></div>
119 <div class=
"ring" style=
"left:58px; top:19px"></div>
124 <div class=
"diamond" style=
"left:30px; top:45px"></div>
125 <div class=
"ring" style=
"left:29px; top:48px"></div>