Les arrondis

ComplémentÉditeur

border-top-left-radius :
border-top-right-radius :
border-bottom-right-radius :
border-bottom-left-radius :

Border Radius

DéfinitionArrondi

border-top-left-radius, border-top-right-radius, border-bottom-right-radius et border-bottom-left-radius

1
.div1 { border-top-left-radius: 3px;} // Arrondi circulaire
2
.div2 { border-top-left-radius: 3px 5px;} // Arrondi ellipse (largeur hauteur)

Exemple :

1
div {
2
  width:100px;
3
  height: 100px;
4
  border: 15px solid gray;
5
  border-top-left-radius: 15px 30px;
6
  border-bottom-right-radius: 15px 30px;
7
}
arrondi