8
Come posso fare solo una o due o tre angoli di una rotonda div?CSS angoli arrotondati div
A
risposta
13
Specificare gli angoli che si desidera:
border-top-left-radius: 10px 5px;
border-bottom-right-radius: 10% 5%;
border-top-right-radius: 10px;
+0
In alternativa, per tre angoli arrotondati, arrotondare tutti gli angoli ('border-radius: 15px;') e quindi girare l'arrotondamento fuori dall'angolo non lo si desidera ('border-top-left-radius: 0px;'). – jball
4
Qui è una grande risorsa che si può trovare utile per farlo per voi e per imparare.
Buona fortuna!
Bene di rispondergli domanda (a parte l'utensile):
Un angolo (in alto a sinistra):
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topleft: 10px;
border-top-left-radius: 10px;
Due angoli (a sinistra ea destra):
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
Tre angoli (in alto a sinistra, a destra e in basso a destra)
-webkit-border-radius: 10px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 10px;
-moz-border-radius-bottomleft: 0;
border-radius: 10px;
border-bottom-left-radius: 0;
E così via ...
Tutto un raggio di 10px, molto facile con lo strumento che consiglio.
BTW: Da non perdere idlefingers 'risposta, ottima risorsa !!
Consulta anche: Creating rounded corners using CSS
-1
Nessuna delle altre risposte lavorare con IE8, ecco un link con molte possibili soluzioni:
0
Attenzione: nessuna delle soluzioni finora offerto lavori con IE <= 8. – egrunin
Non posso credere che questo non è un duplicato :) – Trufa
oh sì ... in realtà non ... – Moon