Come smussare gli angoli di un elemento DIV con CSS 3.0

Utilizzando CSS3, è possibile ottenere un riquadro con gli angoli arrotondati, con raggio a piacimento, il codice proposto funziona correttamente con le versioni di browser elencate di seguito:

• Firefox 3.5 e successive
• Internet Explorer 9
• Safari 3.0 e successive
• Opera 10.5 e successive
• Google Chrome 4.1 e successive

Ma andiamo subito a vedere il codice:

Definiamo una nuova class CSS

.rounded {
   border:solid 5px #191919;
   -moz-border-radius:15px;
   -webkit-border-radius:15px;
   border-radius:15px;
}

e applichiamola ad un elemento DIV in questa maniera:

   Questa è una prova

 

per ottenere questo risultato: