Bilderrahmen mit HTML-Tabellen

Ein ansprechender Bilderrahmen lässt sich auch mit reinem HTML mit Hilfe von mehreren ineinander verschachtelten Tabellen kreieren.

Verantwortlich für den Bilderrahmen sind sechs ineinander verschachtelte Tabellen, die von außen nach innen einen immer heller werdenden grauen Rahmen besitzen.

In der innersten Tabelle steht schließlich das eigentliche Bild.

<table border="1" bordercolor="#AAAAAA" cellpadding="0" cellspacing="0">
 <tr>
  <td>
   <table border="1" bordercolor="#BBBBBB" cellpadding="0" cellspacing="0">
    <tr>
     <td>
      <table border="1" bordercolor="#CCCCCC" cellpadding="0" cellspacing="0">
       <tr>
        <td>
         <table border="1" bordercolor="#DDDDDD" cellpadding="0" cellspacing="0">
          <tr>
           <td>
            <table border="1" bordercolor="#EEEEEE" cellpadding="0" cellspacing="0">
             <tr>
              <td>
               <table border="1" bordercolor="#FFFFFF" cellpadding="0" cellspacing="0">
                <tr>
                 <td><img height="100" src="bild.jpg" width="150"></td>
                </tr>
               </table>
              </td>
             </tr>
            </table>
           </td>
          </tr>
         </table>
        </td>
       </tr>
      </table>
     </td>
    </tr>
   </table>
  </td>
 </tr>
</table>