446100-1c.html (1084B)
1 <!DOCTYPE HTML> 2 <html reftest-zoom="1.8"> 3 <head> 4 <style> 5 div { margin:1em; } 6 /* A 7x7px image, black with a 5x5 transparent box centered in it */ 7 div.box { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAFklEQVQImWNgYGD4jwdDCCxgQCWxYgBX8hfpeym4dwAAAABJRU5ErkJggg==); } 8 /* A 7x5px image, black with a 5x5 transparent box centered in it */ 9 div.vstrip { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAFCAYAAACJmvbYAAAAFElEQVQImWNgYGD4z4Ad/GcYAEkAw+kJ94z5rSYAAAAASUVORK5CYII=); } 10 /* A 5x7px image, black with a 5x5 transparent box centered in it */ 11 div.hstrip { background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAAE0lEQVQImWNgYGD4jwXTD2DYDgDN4Qn3yMcPlwAAAABJRU5ErkJggg==); } 12 </style> 13 </head> 14 <body> 15 <div class="box" style="background-position:-1px -1px; width:5px; height:5px;"></div> 16 <div class="vstrip" style="background-position:-1px 0px; width:5px; height:22px;"></div> 17 <div class="hstrip" style="background-position:0px -1px; width:22px; height:5px;"></div> 18 </body> 19 </html>