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

CSS से एलिमेंट्स में शैडो जोड़ें


CSS box-shadow प्रॉपर्टी का उपयोग करके एलिमेंट्स में शैडो जोड़ें। box-shadow प्रॉपर्टी लागू करने के लिए निम्न कोड चलाकर देखें:

उदाहरण

<!DOCTYPE html> <html>    <head>       <style>          h2 {             box-shadow: 10px 10px;             height: 50px;             background-color: yellow;          }       </style>    </head>    <body>       <h2>Heading Two</h2>       <p>Above heading has shadow.<p>    </body> </html>

  1. CSS से होवर पर ट्रांज़िशन कैसे जोड़ें? CSS से होवर पर ट्रांज़िशन कैसे जोड़ें?

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

  1. CSS के साथ चाइल्ड एलिमेंट्स का चयन करना CSS के साथ चाइल्ड एलिमेंट्स का चयन करना

    परिचय CSS चाइल्ड कॉम्बिनेटर (>) का उपयोग पैरेंट एलिमेंट के **सभी डायरेक्ट चाइल्ड एलिमेंट्स** का चयन करने के लिए किया जाता है। CSS डिसेंडेंट कॉम्बिनेटर (स्पेस) का उपयोग पैरेंट के **सभी डिसेंडेंट्स** (नेस्टेड लेवल पर कोई भी गहराई) का चयन करने के लिए किया जाता है। सिंटैक्स चाइल्ड कॉम्बिनेटर (डायरे

  1. CSS के साथ सिबलिंग एलिमेंट्स का चयन करना CSS के साथ सिबलिंग एलिमेंट्स का चयन करना

    परिचय CSS दो सिबलिंग कॉम्बिनेटर्स प्रदान करता है: एडजेसेंट सिबलिंग (+) और जनरल सिबलिंग (~)। दोनों समान पैरेंट के चाइल्ड एलिमेंट्स का चयन करते हैं लेकिन अलग-अलग दायरे के साथ। सिंटैक्स एडजेसेंट सिबलिंग कॉम्बिनेटर prev + next { property: value; } केवल तभी मेल खाता है जब next prev के **तुरंत बाद** आ