Dessiner un cercle en utilisant uniquement du css

Question

Est-il possible de dessiner un cercle en utilisant uniquement des css qui peuvent fonctionner sur la plupart des navigateurs (IE, Mozilla, Safari) ?

Answer 1

Yup voici mon code :

<style>
  .circle{
     width: 100px;
     height: 100px;
     border-radius: 50%;
     background-color: blue
  }
</style>
<div class="circle">
</div>

Answer 2

Oui, c'est possible, vous pouvez utiliser la propriété CSS border-radius. Pour plus d'informations, consultez le site http://zeeshanmkhan.com/post/2/css-rounded-corner-gradient-drop-shadow-and-opacity

Answer 3

Voici une version mise à jour pour un fond transparent...

http://jsfiddle.net/DsW9h/2/

Answer 4

Jetez un coup d'œil https://css-tricks.com/examples/ShapesOfCSS/ pour différents types d'images, ce qui est possible grâce à CSS.