<!DOCTYPE HTML> <title>background-clip</title> <style type="text/css"> div { position: absolute; } div.color { top: 10px; background-color: blue; } div.image { top: 110px; background-color: blue; } div.border { left: 18px; margin-top: 1px; width: 76px; height: 42px; } div.padding { left: 130px; margin-top: 4px; width: 55px; height: 33px; } div.content { left: 237px; margin-top: 9px; width: 37px; height: 19px; } </style> <div class="color border"></div> <div class="color padding"></div> <div class="color content"></div> <div class="image border"></div> <div class="image padding"></div> <div class="image content"></div>