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

CSS के साथ यूजर रेटिंग स्कोरकार्ड कैसे बनाएं?

CSS के साथ "उपयोगकर्ता रेटिंग" स्कोरकार्ड बनाने के लिए, कोड इस प्रकार है -

उदाहरण

यूजर रेटिंग

3.9 औसत 200 खाद्य पदार्थों पर आधारित है।


5 star










120


4 स्टार










110




3 स्टार 










30




2 star










20




1 स्टार




>






12



  
आउटपुट
 

 उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -
 
 CSS के साथ यूजर रेटिंग स्कोरकार्ड कैसे बनाएं?
  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, Geneva, Verd

  1. सीएसएस फ्लेक्स के साथ कॉलम डीआईवी को बाएं-केंद्र-दाएं के रूप में कैसे संरेखित करें सीएसएस फ्लेक्स के साथ कॉलम डीआईवी को बाएं-केंद्र-दाएं के रूप में कैसे संरेखित करें

    फ्लेक्स कंटेनर की वस्तुओं को उसके चारों ओर स्थान वितरित करके उसके मुख्य अक्ष के साथ संरेखित करने के लिए, हम CSS की जस्टिफाई-कंटेंट संपत्ति का उपयोग करते हैं। सिंटैक्स CSS जस्टिफाई-कंटेंट प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    display: flex;    justify-content: /*valu

  1. शुद्ध सीएसएस के साथ आसान स्क्रॉलिंग शुद्ध सीएसएस के साथ आसान स्क्रॉलिंग

    CSS स्क्रॉल-व्यवहार गुण हमें स्क्रॉल के व्यवहार को बदलने की अनुमति देता है। उदाहरण निम्नलिखित उदाहरण CSS स्क्रॉल-व्यवहार गुण को दर्शाते हैं। <!DOCTYPE html> <html> <head> <style> html {    line-height: 200px;    margin: 30px;    text-align: cent