Salve a tutti.
Ho una discreta conoscenza di HTML, ma ora vorrei approfondire l'uso dei CSS.

Vorrei sapere se è realizzabile un oggetto con un bordo fatto di immagini.
Normalmente per fare questo utilizzavo delle tabelle, del tipo:

<table align="center" border="0" width="*" cellpadding="0" cellspacing="0">
<tr>
<td width="60" background="000_grafica/alto-sx.gif"></td>
<td width="*" background="000_grafica/alto.gif"></td>
<td width="60" background="000_grafica/alto-dx.gif"></td>
</tr>
<tr>
<td width="60" background="000_grafica/sinistra.gif"></td>
<td width="*">
<p align="center">Testo o Immagini</p>
</td>
<td width="60" background="000_grafica/destra.gif"></td>
</tr>
<tr>
<td width="60" background="000_grafica/basso-sx.gif"></td>
<td width="*" background="000_grafica/basso.gif"></td>
<td width="60" height="60" background="000_grafica/basso-dx.gif"></td>
</tr>
</table>
Con tre colonne e tre righe, con la cella centrale per il contenuto ed il resto per i bordi.
Quello che vorrei fare ora è la stessa cosa, ma utilizzando i CSS di modo che il bordo nell'HTML venga applicato automaticamente (ad esempio applicandolo ai titoli di primo livello, ottenere automaticamente dei titoli con il bordo come ho indicato), avendo 4 immagini agli angoli e altre 4 che vengono ripetute sui bordi, di modo che l'oggetto sia ridimensionabile. Ovviamente tutte le immagini sarebbero diverse, visto che il bordo dovrebbe essere abbastanza elaborato.

Ho fatto un bel po di ricerche: da quel che ho inteso coi CSS 3 dovrebbe essere abbastanza semplice da realizzare, ma putrtroppo quei comandi ad ora sono molto poco diffusi, quindi vorrei trovare qualcosa di più "funzionale". Sarei grato a chiunque fosse in grado di indicarmi qualcosa del genere.
Grazie a tutti.