मैं HTML फॉर्म बटन की शैली कैसे बदलूं?

वेब पेज पर एक बटन जोड़ते समय, यह अनुशंसा की जाती है कि आप इसकी स्टाइल बनाने के लिए CSS का उपयोग करें। सीएसएस का उपयोग करना पसंदीदा तरीका है क्योंकि यह आपके पेज या साइट पर एक से अधिक क्षेत्रों में पुन: उपयोग के लिए स्टाइल कोड को स्टोर करने के लिए एक अधिक कुशल और संगठित तरीका है। जैसा कि आप नीचे दिए गए उदाहरण से देख सकते हैं, प्रत्येक बटन प्रकार में हेरफेर करने के लिए कई विशेषताओं का उपयोग किया जा सकता है।

बटन स्टाइल के लिए सीएसएस पाठ

# शुभमन {पृष्ठभूमि-रंग: #bbb; गद्दी: .5em; -मोज़-बॉर्डर-रेडियस: 5 पीएक्स; -वेबकिट-बॉर्डर-त्रिज्या: 5 पीएक्स; सीमा-त्रिज्या: 6 पीएक्स; रंग: #fff; फ़ॉन्ट-परिवार: 'ओसवाल्ड'; फ़ॉन्ट-आकार: 20 पीएक्स; पाठ-सजावट: कोई नहीं; सीमा: कोई नहीं; } #submit: hover {बॉर्डर: कोई नहीं; पृष्ठभूमि: नारंगी; बॉक्स-छाया: 0px 0px 1px # 777; }

बटन बनाने के लिए HTML कोड

सीएसएस को उस पेज में शामिल करने के बाद जिसे सीएसएस HTML में कोड का उपयोग करके किसी भी बटन पर लागू किया जा सकता है।

उदाहरण बटन

CSS द्वारा निर्मित बटन का उदाहरण

आप ऊपर दिए गए उदाहरण से देख सकते हैं कि जब माउस बटन पर मंडराता नहीं है, तो बटन पर हल्के भूरे रंग की पृष्ठभूमि और सफेद पाठ होता है। जब माउस बटन पर होवर करता है तो बैकग्राउंड नारंगी में बदल जाता है। साथ ही, मानक फॉर्म बटन की तरह, बटन के कोने चौकोर के बजाय गोल होते हैं।