Salve a tutti,
Vorrei applicare la tecnica degli sprite ai bottoni.
Ho trovato varie guide su come utilizzarla su hover ma a me servirebbe un qualcosa di più strutturato.
Ho creato una immagine alta 30px, nei primi 6px c'è il bordo sinistro del bottone, 1 pixel bianco, 1px che rappresenta il fill, 1px bianco e 6px che contengono il bordo destro. Il tutto per un totale di 15px.
codice:
//codice sprite css classico
.sprite{background:url(../images/bt_blu.png);}
.bt {height:30px;}
.b_s {width:6px; background-position:0px 0px;}
.f {width:1px; background-position:-7px 0px;}
.b_s {width:6px; background-position:-9px 0px;}
//bottone				
.bt1{height:30px; width:100px;background:none;border:0px;}
Ora però come posso impostare il bordo sinistro, destro e il fill del bottone facendo riferimento alle immagini contenute nello sprite?

Grazie