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

सीएसएस के साथ एक होवर करने योग्य ड्रॉपडाउन मेनू कैसे बनाएं?

<घंटा/>

CSS के साथ होवर करने योग्य ड्रॉपडाउन मेनू बनाने के लिए कोड निम्नलिखित है -

उदाहरण

ड्रॉपडाउन मेन्यू खोलने के लिए नीचे दिए गए ड्रॉपडाउन बटन पर होवर करें
हमसे संपर्क करें
हमसे मिलें
हमारे बारे में




 
आउटपुट
 

 उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -
 
 सीएसएस के साथ एक होवर करने योग्य ड्रॉपडाउन मेनू कैसे बनाएं? 
 

 खुले बटन पर होवर करने पर ड्रॉपडाउन मेनू खुल जाएगा जैसा कि नीचे दिखाया गया है -
 
 सीएसएस के साथ एक होवर करने योग्य ड्रॉपडाउन मेनू कैसे बनाएं?
  1. CSS के साथ कार्ड कैसे बनाएं? CSS के साथ कार्ड कैसे बनाएं?

    CSS के साथ कार्ड बनाने के लिए, कोड इस प्रकार है - उदाहरण body{ font-family:Segoe UI , ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; मार्जिन:20 पीएक्स; } .कार्ड { बॉक्स-छाया:0 4px 8px 0 rgba(0,0,0,0.2); चौड़ाई:40%; अधिकतम-चौड़ाई:300px; पृष्ठभूमि-रंग:आरजीबी (56, 185, 185); } .कार्ड:होवर {बॉक्स-छाया:0 8px 16

  1. CSS के साथ कूपन कैसे बनाएं? CSS के साथ कूपन कैसे बनाएं?

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

  1. सीएसएस के साथ तीर कैसे बनाएं? सीएसएस के साथ तीर कैसे बनाएं?

    सीएसएस के साथ तीर बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe UI", Tahoma,