![[css 효과2.] text stroke, gradient, 텍스트 말줄임](https://mblogthumb-phinf.pstatic.net/MjAyNDA2MTJfNiAg/MDAxNzE4MTgwMTA4NDI2.qGxn8MdjzyBROdNDhsBDaC01zUlyzgymiFj6IS8sz_Ag.qrhawKcxqT0bBaYaXdcC53um0LpEbXb5iZ1LE0C36ckg.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB-028.jpg?type=w2)
text stroke 글자 테두리 주는 방법 첫번째 방법 ) text-shadow로 글자 테두리 효과 주기
NACODING
h1 { text-shadow: -1px -1px 0 orange, 1px -1px 0 orange, -1px 1px 0 orange, 1px 1px 0 orange; } 두번째 방법 ) -webkit-text-stroke 이용하여 글자 테두리 효과 주기NACODING
h1 { -webkit-text-stroke: 1px red; } -webkit-text-stroke 를 사용할 때 주의점 모든 웹 브라우저에서 지원이 안될 수 있음 ! 테두리가 안쪽으로 생김 !text gradient 글자 그라데이션 주는 방법 배경에 그라디언트를 줄 수 있지만 텍스트에 직접 줄 수 있는 방법이 없다. 그래서, 아래와 같이 따라하면 글자에도 그라디언트를 적용할 수 있다.
배경에 그라디언트 코드 작성하기 background : linear-...
![[공유] HTML 정리](https://mblogthumb-phinf.pstatic.net/MjAyNDAzMjNfMjAz/MDAxNzExMjAyMjI5MzYy.7np2Po9XtQkA7Pd46l4-5YMmG0ChgkkDf7Ukc-8zTXcg.2TAjbTeAtCeyJMsR79V6LWuxrcN2ov1F8pQ9U88OI-Ig.JPEG/html.jpg?type=w2)
![[GTQi 일러스트] 자격증 합격기준 & 기출문제](https://mblogthumb-phinf.pstatic.net/MjAyNDAzMjVfMTc2/MDAxNzExMzYzNDc0MjI1.2wxgdeFZJ9Ss8XbmAtxTRP9m-aQJU7zWV4NAuPn-eYgg.Lv28j2gJYx1DQzojF8BpmSmLCgdk0kvwrujpZKedmJsg.JPEG/%C0%CF%B7%AF%BD%BA%C6%AE.jpg?type=w2)
![[웹디자인기능사] 필기 & 실기시험 단기 합격 후기](https://mblogthumb-phinf.pstatic.net/MjAyNDA0MDhfMTg0/MDAxNzEyNTY2NTcxNzY2.MQ9S9iaqlgyCeOOShe9gl9RY8IPUQQHS0gIUc0DnMR0g.hmpomvorowGR8MitY9GkEi778E-cq0rQdH3bynDKRbQg.JPEG/%C0%A5%B5%F0%C0%DA%C0%CE.jpg?type=w2)
![[css 3.] 다양한 단위 설정하기 - px, %, em, rem, vw, vh](https://mblogthumb-phinf.pstatic.net/MjAyNDA0MThfOTUg/MDAxNzEzNDI4NDI2MDc4.eKpFilioRYbNx4lRwO4-b4aVgbshr_00aYYGT0eKi7Ig.9afpVPQKkuQTUcHMVqONA_X0vvraNxdur27kQVCfv3wg.JPEG/013.jpg?type=w2)
![[css 7.] float 으로 요소 배치하기 - clear 이유](https://mblogthumb-phinf.pstatic.net/MjAyNDA0MjFfMTMg/MDAxNzEzNzA1MjQzNzYz.Xf5Khxz8dgCzonnD97kAwKaNMlyh5D2BKhk-Kn5QRhcg.YjzWHvNUK5k7DKSGpLCi-QLlHxuvknWcEPiOrWGziOwg.JPEG/%C1%A6%B8%F1%C0%BB-%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB-018.jpg?type=w2)
![[라이브러리] fullpage.js 사용법, 옵션 정리](https://mblogthumb-phinf.pstatic.net/MjAyNDA1MzBfOTcg/MDAxNzE3MDU0ODc1NTA1.xBeJNmlr2ldFXnevIjiJUuKkgIDhWqLnU8ltkQwSSNgg.9KuCahciCjN0x9964eo6zN_WKSlkaZHwrefkfo5O1jEg.JPEG/%C1%A6%B8%F1%C0%BB-%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4_-006.jpg?type=w2)