CSS

굵은 밑줄 만들기

혜원21 2021. 5. 24. 12:12
*

• background: linear-gradient(방향, 시작 색, 끝나는 색); 이용해 굵은 밑줄을 만들었다.

 

See the Pen background: linear-gradient 굵은 밑줄 by nilgi (@nilgi) on CodePen.

 

background: linear-gradient(to top, #1E90FF 50%, trasparent 50%);

//방향은 위로, 파란색 50%에서 투명 50%로

%로 원하는 굵기를 만들면 된다.

 

[웹코딩 배우기/· CSS] - 배경 그라데이션 linear-gradient(to right, 색, 색;)

 

배경 그라데이션 linear-gradient(to right, 색, 색;)

그라데이션 그라데이션 이쁘다. (ʘ‿ʘ✿) 가끔 써먹어야징~ (◕ㅁ◕✿) * 그라데이션 보는 사이트 https://uigradients.com/ uiGradients - Beautiful colored gradients uiGradients is a handpicked collect..

nilgi.tistory.com

 

html 모드에서 직접 넣어도 되고 CSS 편집에서 b요소(굵은 글씨)에 추가해도 된다.

여러 글에 테스트 해보고 적용해야징~

 

- - -

 

그러고 보니 티스토리 시작한지 2년이 조금 넘었네. 19.05.06 시작했다.

1주년이라고 글 썼는데 2주년은 그냥 넘어가네...

최근댓글