<div class="container">
<div class="icyapi">
<div class="icerik">

</div>
</div>
</div>


.container {
height: 2px;
width: 200px;
background-image: linear-gradient(to bottom, #4fc3f7, #ab5ca4 49%, #ff512f);
}

.icyapi {
border: 2px dotted #fff;
height: calc(100% - 4px);
}

.icerik {
background: #fff;
height: 100%;
}

Problem yaşarsanız tarafıma bildirim sağlayabilirsiniz. Hayırlı akşamlar.


DÜZENLEME :

https://jsfiddle.net/vivekkupadhyay/1umyjs0j/3

İsteklerinizi karşılayabileceğini düşünüyorum.