Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

कैसे सीएसएस के साथ एक छवि के लिए एक बटन जोड़ने के लिए?

सीएसएस के साथ एक छवि में एक बटन जोड़ने के लिए निम्नलिखित कोड है -

उदाहरण

इमेज उदाहरण पर बटन
कैसे सीएसएस के साथ एक छवि के लिए एक बटन जोड़ने के लिए? 

 
आउटपुट
 

 उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -
 
 कैसे सीएसएस के साथ एक छवि के लिए एक बटन जोड़ने के लिए? 
 

 बटन पर मँडराने पर, बटन रंग बदलेगा जैसा कि दिखाया गया है -
 
 कैसे सीएसएस के साथ एक छवि के लिए एक बटन जोड़ने के लिए?
  1. सीएसएस के साथ एक छवि में सीमा कैसे जोड़ें? सीएसएस के साथ एक छवि में सीमा कैसे जोड़ें?

    CSS का उपयोग करके किसी छवि में बॉर्डर जोड़ने के लिए निम्नलिखित कोड है - उदाहरण <!DOCTYPE html> <html> <head> <style> img {    border: 8px solid rgb(0, 238, 255);    width: 400px;    height: 400px; } </style> </head> <body> <h

  1. CSS के साथ सर्च बटन कैसे बनाएं? CSS के साथ सर्च बटन कैसे बनाएं?

    CSS के साथ खोज बटन बनाने के लिए निम्नलिखित कोड है - उदाहरण body { फॉन्ट-फ़ैमिली:सेगो यूआई, ताहोमा, जिनेवा, वर्दाना, सैन्स-सेरिफ़;}* {बॉक्स-साइज़िंग:बॉर्डर-बॉक्स;}इनपुट [टाइप =टेक्स्ट] {पैडिंग:12px; फ़ॉन्ट-आकार:17px; सीमा:1px ठोस ग्रे; नाव छोड़ी; चौड़ाई:80%; बैकग्राउंड:#f1f1f1;}बटन {फ्लोट:लेफ्ट; चौड़

  1. कैसे सीएसएस के साथ होवर पर संक्रमण जोड़ने के लिए? कैसे सीएसएस के साथ होवर पर संक्रमण जोड़ने के लिए?

    CSS पर होवर के साथ ट्रांजिशन जोड़ने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI&qu