Jak zrobić okrągłe przyciski

Question

Jak utworzyć okrągłe przyciski za pomocą HTML i CSS? Próbowałem użyć obrazu tła i uczynić go pewnym rozmiarem, ale to nie działa. W szczególności chciałbym zrobić okrągły przycisk, który jednym kliknięciem uruchamia skrypt JavaScript.

Answer 1

dwa sposoby:

1.) Tworzenie obrazów z zaokrąglonymi narożnikami i ustaw Inbetween z kolorów CSS.

2.) Użyj właściwości css, które są ograniczone do niektórych przeglądarek (FF używa zestawu, safari niektóre inne, nie wiesz, czy chrome używa jeszcze innego zestawu).

Sprawdź this list

Answer 2

Z border-radius.

http://jsfiddle.net/12w83vtn/

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

Answer 3

Można to zrobić po prostu z CSS3:

HTML -

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

CSS -

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

i używać onClicked zdarzenie, aby to przycisk.