<svg>
  <polyline class="uno" points="50,75 300,75 "></polyline>
    <polyline class="dos" points="50,115, 300,115" ></polyline>
    <polyline class="tres" points="50,155, 300,155"></polyline>
</svg>
svg{
  width:350px;
  height:250px;
  background:black;
  
}
.uno, .dos, .tres{
  stroke:aqua;
  stroke-width:20px;
 fill:none;
}
.uno{
  stroke-linecap:butt;
}
.dos{
    stroke-linecap:round;
}
.tres{ stroke-linecap:square;}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.