[CSS] border 그라데이션 주기

안녕하세요...

border 그라데이션!!!!!!!!
아니 사실 검색해보면 많이 나오는데...
저는 그런 고급 설정이 필요 없어서...^^
누군가 보신다면 조아요 눌러주세요 저 소통 좋아하거든요 힛 ^-^

먼저 선 하나를 그어줍니다...

border-bottom: 2px solid #ddd;

왜 bottom 이냐면 위에 이미 텍스트가 있거든요...

그리고 그라데이션을 넣어줍니다...

border-image: linear-gradient(to right, #1c739d, #8b92c900 );
border-image-slice: 1;

그라데이션을 넣을 때는...

linear-gradient (방향, 색상1, 색상2); 

위 코드가 기본형이며... 비율을 조정하고 싶을 때는

linear-gradient (방향, 색상1, 색상2 50%); 

이렇게 조정해주시면 됩니다... 그러면 색상1의 50% 정도에서 색상2가 시작돼요.

완성본 ❣

오늘도 한발자국!!!