WEBDESIGN: Angoli arrotondati con i Css

Gabriele — Mon, 25 Oct 2010 09:43:29 +0000

Mini guida per creare div con angoli rotondi senza utilizzare immagini

Per creare dei box con angoli rotondi senza utilizzare immagini, ci vengono in nostro aiuto i CSS.

La versione CSS3 infatti include la proprietà border-radius che permette di indicare quanti px vogliamo attribuire al raggio del bordo.

Un classico esempio di dichiarazione compatibile con tutti i browser è:

#boxRotondo{
-webkit-border-radius:20px;
-khtml-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
}

In questo modo attribuiremo al nostro div con id boxRotondo un bordo tondo con 20px di raggio.