<div id= »moncercle »></div>

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; 
}
Non compatible avec les vieux navigateurs …
0 réponses

Laisser un commentaire

Participez-vous à la discussion?
N'hésitez pas à contribuer!

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.