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.