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

CSS का उपयोग करके नीले बाएं बॉर्डर वाली सूची बनाएं

<घंटा/>

CSS की सूची में नीले बाएँ बॉर्डर को जोड़ने के लिए, आप निम्न कोड को चलाने का प्रयास कर सकते हैं -

उदाहरण

<!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>

आउटपुट

CSS का उपयोग करके नीले बाएं बॉर्डर वाली सूची बनाएं


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

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

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

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

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

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