Comment faire des boutons ronds

Comment pourrais-je faire boutons ronds à l'aide de HTML et CSS? J'ai essayé d'utiliser une image d'arrière-plan, et d'en faire une certaine taille, mais cela ne semble pas fonctionner. Plus précisément, je voudrais faire un bouton circulaire, ce qui d'un clic de lancer un script Javascript.

source d'informationauteur Andrew Alexander

  1. 20

    Avec border-radius.

    http://jsfiddle.net/12w83vtn/

    button {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    border: 1px solid #000;
}
  2. 3

    Vous pouvez le faire tout simplement avec css3:

    HTML - 

    <div id="button">
</div>

    CSS - 

    #button {
    width:100px;
    height: 100px;
    border-radius:100%;
    background-color:red;
}

    Et l'utilisation d'un onclicked événement pour en faire un bouton.

  3. 0

    Deux façons:

    1.) Créer des images avec des coins arrondis et définissez l'intervalle avec le css de couleurs.

    2.) Utiliser des propriétés css qui sont limitées à certains navigateurs (FF utiliser un ensemble, safari quelques autres, vous ne savez pas si google chrome utilisent encore un autre jeu).

    Vérifier cette liste