PROGRAMMAZIONE CSS Css Smussare angoli di DIV ed Immagini
|
Molto spesso ci troviamo a dover smussare gli angoli dei div o
delle immagini.
Il codice CSS è sempre lo stesso:
.bordi_smussati {
border-radius: 10px;
-moz-border-radius: 10px; /* firefox */
-webkit-border-radius: 10px; /* safari, chrome */
}
Questo CSS è compatibile con tutti i browser e crea uno smusso intorno a tutta l'immagine.
Se volete impostare lo smusso in un lato preciso:
border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px; /* firefox */
-webkit-border-radius: 10px 10px 0px 0px; /* safari, chrome */
Il primo valore imposta il lato in alto a sinistra.
Il secondo valore imposta il lato in alto a destra.
Il terzo valore imposta il lato in basso a sinistra.
Il quarto valore imposta il lato in basso a destra.
Buon Web a tutti.
Questo sito web utilizza i COOKIE per dare all'utente un'esperienza di visita migliore.