나는 여러 가지 색상과 같이의 내 바닥 글의 상단에 테두리를 추가 할 여러 비 그라디언트 색상

Question

와 위쪽 테두리를 추가 , 또는 여러 측면에 대한 여러 색상을 할 수 있지만 내가하고 싶은 일을 찾을 수 없습니다.

Answer 1

CSS 그라데이션을 사용할 수 있습니다.

은 (당신이 당신의 요구 사항에 따라 색상을 변경할 수 있습니다 ) 아래의 코드 조각에서보세요 :

.border-top { 
 
    width: 100%; 
 
    height: 20px; 
 
    background: linear-gradient(to right, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 10%, rgba(241,111,92,1) 10%, rgba(246,41,12,1) 10%, rgba(81,24,240,1) 10%, rgba(81,24,240,1) 23%, rgba(240,24,226,1) 23%, rgba(240,24,226,1) 34%, rgba(39,192,230,1) 34%, rgba(39,192,230,1) 46%, rgba(39,230,52,1) 46%, rgba(39,230,52,1) 58%, rgba(76,82,80,1) 58%, rgba(76,82,80,1) 69%, rgba(173,173,173,1) 69%, rgba(173,173,173,1) 81%, rgba(255,0,21,1) 81%, rgba(255,0,21,1) 91%, rgba(255,204,0,1) 91%, rgba(255,204,0,1) 100%); 
 
} 
 

 
body { 
 
    margin: 0; 
 
}

<div class="border-top"></div>

희망이 도움이!