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

CSS में सूची मार्कर के रूप में छवियों का उपयोग करना

<घंटा/>

छवि को सूची मार्कर के रूप में उपयोग करने के लिए, CSS में सूची-शैली-छवि गुण का उपयोग करें।

उदाहरण

आइए एक उदाहरण देखें, जिसमें हम इमेज को लिस्ट मार्कर के रूप में उपयोग कर रहे हैं -

टीम
 
  • भारत - वर्डकप के लिए योग्य
    • 

  • ऑस्ट्रेलिया - WordCup के लिए योग्य
    • 

  • इंग्लैंड - WordCup के लिए योग्य
    • 



खिलाड़ी
  1. विराट कोहली
    2. 

  2. डेविड वार्नर
    3. 

  3. स्टीव स्मिथ
    4. 

 
आउटपुट
 

 CSS में सूची मार्कर के रूप में छवियों का उपयोग करना
  1. CSS के साथ कैलेंडर कैसे बनाएं? CSS के साथ कैलेंडर कैसे बनाएं?

    CSS के साथ कैलेंडर बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    * {       box-sizing: b

  1. कैसे सीएसएस का उपयोग कर गोलियों के बिना एक अनियंत्रित सूची बनाने के लिए? कैसे सीएसएस का उपयोग कर गोलियों के बिना एक अनियंत्रित सूची बनाने के लिए?

    CSS का उपयोग करके बुलेट के बिना एक अनियंत्रित सूची बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style>    body{       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    }    ul { &nbs

  1. सीएसएस के साथ एक मूल सूची को सूची समूह में कैसे परिवर्तित करें? सीएसएस के साथ एक मूल सूची को सूची समूह में कैसे परिवर्तित करें?

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