Come arrotondare gli Angoli con Css
Con la versione 3 dei fogli di stile Css verranno introdotti i parametri ufficiali e universali per tutti i browser per arrontondare gli angoli dei div, ma nel frattempo per Firefox c’è una soluzione.
Modificando il paramentro -moz-border-radius: e -webkit-border-radius: nel css potremmo ottenere angoli più o meno ampi a seconda del valore inserito.
<div style=" background-color: #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #000; padding: 10px;" >
Si può scegliere anche di modificare di modificare solo un certo numero di angoli e altri no usando i seguenti parametri
-moz-border-radius-topleft / -webkit-border-top-left-radius -moz-border-radius-topright / -webkit-border-top-right-radius -moz-border-radius-bottomleft / -webkit-border-bottom-left-radius -moz-border-radius-bottomright / -webkit-border-bottom-right-radius
Ecco un esempio, visualizzabile ovviamente solo per chi usa Firefox:
Per maggiori informazioni:
http://www.w3.org/
4 Commenti su “Come arrotondare gli Angoli con Css”
Specifichiamo che è compatibile solo con Firefox questo tips e che su Explorer i div verranno visualizzati squadrati.
ciao, certo l’ho scritto alla fine del post! inoltre è compatibile anche con Google Chrome
[...] tratta di una raccolta formata da 3 tipi di pulsanti rettangolari con angoli arrotondati, un cerchio e un [...]
e per farlo girare anche su IE????