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

CSS से लिस्ट के बुलेट कलर्स कैसे बदलें?


CSS से लिस्ट के बुलेट कलर्स बदलने के लिए, कोड निम्नानुसार है -

उदाहरण

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    body{       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    }    ul {       list-style: none;    }    ul li{       font-size: 20px;       font-weight: 500;    }    ul li::before {       content: "\2022";       color: rgb(86, 18, 117);       font-weight: bold;       display: inline-block;       width: 1em;       margin-left: -1em; } </style> </head> <body> <h1>Change Bullet Color of List Example</h1> <ul> <li>Camel</li> <li>Goat</li> <li>Giraffe</li> <li>Lion</li> </ul> </body> </html>

आउटपुट

उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -

CSS से लिस्ट के बुलेट कलर्स कैसे बदलें?


  1. CSS से सामान्य डिवाइस ब्रेकपॉइंट के लिए मीडिया क्वेरी का उपयोग कैसे करें? CSS से सामान्य डिवाइस ब्रेकपॉइंट के लिए मीडिया क्वेरी का उपयोग कैसे करें?

    उदाहरण CSS का उपयोग करके सामान्य डिवाइस ब्रेकपॉइंट के लिए मीडिया क्वेरी का उपयोग करने के लिए, निम्न कोड देखें: <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <style>    body {   &

  1. CSS ::marker सेलेक्टर से लिस्ट के बुलेट कलर बदलें CSS ::marker सेलेक्टर से लिस्ट के बुलेट कलर बदलें

    सिंटैक्स CSS ::marker सेलेक्टर का सिंटैक्स निम्नानुसार है: Selector::marker {    attribute: /*value*/; } उदाहरण 1 निम्न उदाहरण CSS ::marker सेलेक्टर को दर्शाते हैं। <!DOCTYPE html> <html>    <head>       <style>         &

  1. CSS से टेक्स्टबॉक्स में प्लेसहोल्डर कलर कैसे बदलें? CSS से टेक्स्टबॉक्स में प्लेसहोल्डर कलर कैसे बदलें?

    ::placeholder प्सूडो-एलिमेंट का उपयोग करके, हम टेक्स्टबॉक्स के लिए प्लेसहोल्डर टेक्स्ट कलर बदल सकते हैं। CSS ::placeholder प्सूडो-एलिमेंट का सिंटैक्स निम्नानुसार है: ::placeholder { attribute: /*value*/ } उदाहरण 1 निम्न उदाहरण CSS :: placeholder प्सूडो-एलिमेंट को दर्शाते हैं। <!DOCTYPE html> &