Immagine di background ripetuta solo nei 4 angoli

[elimont]

ciao a tutti, sono molto acerba ci css... mi stavo allenando ad usarli cercando di "riprodurre" più o meno un layout simile a quello del sito lau.csi.it

Se date un'occhiata vedrete che alcune celle della tabella principale presentano dei bordi "angolati", non so come spiegarmi purtroppo....

Ho pensato che magari avrei potuto mettere un'immagine di sfondo (un trattino), ma vorrei che questa immagine fosse ripetuta nei 4 angoli, come vedete nel sito....

Qualcuno mi può suggerire come si fa oppure darmi idee diverse per ottenere lo stesso risultato?

Grazie e scusate se probabilmente non mi sono spiegata molto bene...


ciao

elisa

[fcaldera]

Ciao,

per fare quell'effetto hanno utilizzato due sfondi (superiore ed inferiore)
http://lau.csi.it/css/i/bordo_angolato_inf.png
http://lau.csi.it/css/i/bordo_angolato_sup.png

potresti usare anche tu due sfondi usando una struttura del tipo

<style>
.wrapper {
  background    : #efefff url(http://lau.csi.it/css/i/bordo_angolato_sup.png) top left no-repeat;
  padding-top   : 0.5em;
  width         : 543px;
}

.wrapper_int {
  padding-bottom    : 0.5em;
  background        : #efefff url(http://lau.csi.it/css/i/bordo_angolato_inf.png) bottom left no-repeat;
}

.wrapper_int p {
    padding         : 0 2em;
    margin          : 0;
    font            : 12px Verdana;
}

</style>


<div class="wrapper">
  <div class="wrapper_int">
    


        Testo
    </p>
  </div>
</div>