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

CSS के साथ वर्टिकल लाइन कैसे बनाएं?


CSS के साथ एक वर्टिकल लाइन बनाने के लिए, कोड इस प्रकार है -

उदाहरण

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
   .vLine {
      border-left: 6px solid rgb(128, 0, 128);
      height: 500px;
      margin-left: 5%;
   }
</style>
</head>
<body>
<h1>Vertical Line Example<h1>
<div class="vLine"></div>
</body>
</html>

आउटपुट

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

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

  1. सीएसएस के साथ तीर कैसे बनाएं? सीएसएस के साथ तीर कैसे बनाएं?

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

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

    CSS के साथ एक वर्टिकल लाइन बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style>    .vLine {       border-left: 6px solid rgb(128, 0