CSS Border Colour Into 4 Colours

前端 未结 6 1715
走了就别回头了
走了就别回头了 2021-01-12 01:49

Is there any way that I can have 4 different colours on one side of a border in CSS? I currently have

#header
{
border-color:#88a9eb;
}

I w

6条回答
  •  生来不讨喜
    2021-01-12 02:25

    I have taken what harry had and amended it to suit my needs. I now have:

      border-image: linear-gradient(to right, #8CC63F 0%, #006F3B 25%, #ED1C24 25%, #9B1B1E 50%, #85CDEC 50%, #217EC2 75%, #FFC20E 75%, #F04E23 100%);
      border-image-slice: 3;
      border-image-width: 0px 0px 4px 0px;
      border-image-repeat: round;
    

    This is the best solution for my needs.

提交回复
热议问题