455105-2.html (774B)
1 <!doctype html> 2 <html><head><title>455105-2</title> 3 <style> 4 div#below { 5 position: absolute; 6 top: 10px; left: 10px; 7 width: 40px; 8 height: 40px; 9 border: 10px solid red; 10 background-color: red; 11 } 12 div#above { 13 position: absolute; 14 top: 10px; left: 10px; 15 width: 40px; 16 height: 40px; 17 border-width: 10px; 18 border-style: solid; 19 border-color: green; 20 /* one pixel green */ 21 background-image: url("data:image/gif;base64,\ 22 R0lGODlhAQABAPAAAACAAAAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=="); 23 /* three by three pixel transparent - drawn *instead of* regular border */ 24 border-image: url("data:image/gif;base64,\ 25 R0lGODlhAwADAPAAAAAAAAAAACH5BAEAAAAALAAAAAADAAMAAAIDhH8FADs=") 1 1; 26 } 27 </style> 28 </head><body> 29 <div id="below"></div> 30 <div id="above"></div> 31 </body></html>