title: How to style borders of a div in css
body: <p>Could someone help me make an effect like the one in the example below?
  I'm trying to put unsuccessful in the responsiveness part ...</p>
  <p><img src="https://i.stack.imgur.com/qyNw2.jpg" alt="https://i.stack.imgur.com/qyNw2.jpg" /></p>
  <p>The closest I can get was as follows the code below and the image:</p>
  <p><img src="https://i.stack.imgur.com/ExTsY.png" alt="https://i.stack.imgur.com/ExTsY.png" /></p>
  <pre class="lang-css prettyprint-override"><code>.content .card-l {
    margin-top: 1vh;
    position: relative;
    border-top: 2px solid #00ffde;
    border-bottom: 2px solid #c9ff04;
    border-left: 2px solid #5bff69;
    border-right: 2px solid #2a43c1;
  }
  
  .content .card-l::before {
    content: &quot;&quot;;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 3px solid #ba6c0e;
    border-bottom: 3px solid #d3cc0b;
    border-left: 3px solid #990be6;
    border-right: 3px solid #9a1b3b;
  }
  
  .content .card-l::after {
    content: &quot;&quot;;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 3px solid #070400;
    border-bottom: 3px solid #ff8f3a;
    border-left: 3px solid #1b9fbd;
    border-right: 3px solid #d87777;
  }
  
  .content .card-l .card-content {
    position: relative;
    background: #e0bf95;
    padding: 30px;
    border-top: 2px solid #82f577;
    border-bottom: 2px solid #1c1f31;
    border-left: 2px solid #d6d254;
    border-right: 2px solid #f380de;
  }
  .content .card-l .card-content::before {
    content: &quot;&quot;;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-top: 3px solid #18fd03;
    border-bottom: 3px solid #34eca3;
    border-left: 3px solid #5528e9;
    border-right: 3px solid #df2cec;
  }
  
  .content .card-l .card-content::after {
    content: &quot;&quot;;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 3px solid #806c53;
  }
  </code></pre>