Articoli

« CSS: min-height su Internet Explorer
CSS - metodo di debug »

CSS: pulsanti in rilievo

di eugy

Per fare un pulsante “in rilievo” si può usare questo codice CSS:

a {
display: block;
width: 200px;
color: #ffcc66;
padding: 5px;
text-align: center;
background-color: #18326d;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom: 3px solid #000;
border-right: 3px solid #000;
border-left: 3px solid #fff;
border-top: 3px solid #fff;
}

Esempio:

Bottone

Purtroppo lo “stondamento” del bordo funziona solo su Firefox, ma l’effetto rilievo vale lo stesso :)

Questa voce è stata inviata il Thursday, October 11th, 2007 alle 3:10 pm nella categoria CSS, HTML. Potete seguire i commenti attraverso il feed RSS 2.0. Potete lasciare un messaggio, o fare il trackback dal vostro sito.

Lascia una risposta

Dovete essere loggati per inviare un commento.

Archivi e link