राउंड बटन कैसे बनाएं

Question

मैं HTML और CSS का उपयोग करके गोल बटन कैसे बना सकता हूं? मैंने पृष्ठभूमि छवि का उपयोग करने की कोशिश की, और इसे एक निश्चित आकार बना दिया, लेकिन ऐसा लगता है कि यह काम नहीं करता है। विशेष रूप से, मैं एक गोलाकार बटन बनाना चाहता हूं, जो एक क्लिक पर जावास्क्रिप्ट स्क्रिप्ट लॉन्च करेगा।

Answer 1

दो तरीके:

1.) गोलाकार कोनों के साथ छवियों बनाएँ और सीएसएस रंग के साथ inbetween निर्धारित किया है।

2.) कुछ ब्राउज़रों तक सीमित सीएसएस गुणों का उपयोग करें (एफएफ एक सेट का उपयोग करें, कुछ अन्य सफारी, सुनिश्चित करें कि क्रोम अभी तक एक और सेट का उपयोग नहीं करता है)।

चेक this list

Answer 2

border-radius साथ

।

http://jsfiddle.net/12w83vtn/

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

Answer 3

आप css3 साथ काफी बस यह कर सकते हैं:

एचटीएमएल -

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

सीएसएस -

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

और बनाने के लिए एक onclicked घटना का उपयोग यह एक बटन है।