Dessiner un cercle sans image grâce à CSS 3

En quelques petites lignes de code, voici un rond tout de CSS3 conçu, et ce sans image !

La technique utilise la propriété border-radius qui permet d’arrondir les bords d’un élément HTML. Le principe est de donner un arrondi adapté à la taille de l’élément afin de lui donner une forme parfaitement arrondie.

code HTML :

<div id="moncercle"></div>

code CSS :

#moncercle{
  background:#bfd70e;
  border-radius:50%;
  width:160px;
  height:160px;
  border:2px solid #679403; 
}