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

CSS से सूची में नीला लेफ्ट बॉर्डर जोड़ें

border-left प्रॉपर्टी का उपयोग

किसी सूची (<ul> या <ol>) के बाईं ओर एक बॉर्डर जोड़ने के लिए border-left शॉर्टहैंड प्रॉपर्टी का उपयोग करें।

उदाहरण

<!DOCTYPE html>
<html>
  <head>
    <style>
      ul {
        border-left: 3px solid blue;
        background-color: #gray;
      }
    </style>
  </head>
  <body>
    <p>Countries</p>
    <ul>
      <li>India</li>
      <li>US</li>
      <li>Australia</li>
    </ul>
  </body>
</html>

नोट: background-color: #gray अमान्य है; सही मान gray या #808080 है।

  1. CSS से कैलेंडर कैसे बनाएं? CSS से कैलेंडर कैसे बनाएं?

    CSS कैलेंडर में महीना हेडर, दिन नाम पंक्ति, और तारीख ग्रिड होता है। ग्रिड display: inline-block और width: 13.6% (100%/7) से 7 कॉलम बनाता है। आज की तारीख हाइलाइटेड होती है। उदाहरण <!DOCTYPE html> <html> <head> <style> body { font-family: Segoe UI, Tahoma, Geneva, Verda

  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, Verdana, sans-serif; } * { box-sizin

  1. CSS से रिस्पॉन्सिव प्राइसिंग टेबल कैसे बनाएं? CSS से रिस्पॉन्सिव प्राइसिंग टेबल कैसे बनाएं?

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