Set a gradient border to an element. This CSS sets a top and bottom border with a 7 color gradient.

.hws-border {
border-top: 5px solid transparent;
border-bottom: 7px solid transparent;
border-image: linear-gradient(to right bottom, #E21D27, #EA7323,
#F7BB27, #F5F233, #BCD835, #5ABD48, #21A24F);
}
Code language: CSS (css)

More info:

• https://www.w3schools.com/css/css3_gradients.asp
• https://developer.mozilla.org/en-US/docs/Web/CSS/border-image
• https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-slice