채택완료

어제에 이어 보더칼라좀 문의드립니다

f6655c5342b6e5eecbd78e28169e40ce_1503570249_4055.png


background-image: linear-gradient(to right, orange , yellow, green, cyan, blue, violet);

background-repeat: repeat-x;

background-size: 100% 2px; 

background-position: left bottom; 


이 코드를 추가한건데요 
보더바텀말고 
그냥 보더로 할수는 없을까요?
네모낳게 다 무지개칼라로 하고싶은데 
제가 끄적거려봐도 안되네요 -.-
혹시나 도움좀 부탁드려봅니다 ^^


 

|

답변 1개 / 댓글 3개

채택된 답변
+20 포인트

background-image: linear-gradient(to right, orange , yellow, green, cyan, blue, violet); 

background-repeat: repeat-x;
background-size: 100%; 
background-position: left bottom; 

이렇게 하시면 됩니다 ^^



그라이언트에 대한 더 자세한 정보는 아래 사이트 참조 해보시구요~


https://www.w3schools.com/css/css3_gradients.asp


 

답변에 대한 댓글 3개

백그라운드 말고
테두리 보더 선만 있는거를 원합니다
질문이 헷갈렸습니다~

border: 3px solid transparent;
border-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);
border-image-slice: 1;

이렇게 하시면 될 것 같아요

답변을 작성하려면 로그인이 필요합니다.