반응형

CSS 2

CSS로 글자에 그라디언트 색상 넣는 방법

CSS로 글자에 그라디언트 색상 넣는 방법입니다. 어렵지 않고 간단하게 글자에 그라디언트를 넣을 수 있어, 포인트를 줘야할 때 사용하면 좋습니다. 글자에 그라디언트를 넣기 위해서는 위의 이미지처럼 배경 색상을 그라디언트로 넣어주면 됩니다. background: linear-gradient(to left,#b0d9ff,#3528e6,#ef9dff); 배경 색상을 그라디언트로 넣어 줬다면, 글자 색을 투명하게 만들어 배경 그라디언트만 보여지도록 만들어 주세요. color:transparent; 글자를 투명하게 만들었으면 background-clip:text; 속성을 사용해서 배경 색을 글자 기준으로 잘라줍니다. 배경을 글자 기준으로 자르면 글자에 그라디언트가 들어가게 됩니다. background-clip: ..

html 2023.08.03

html에서 제목 요소인 <h1>~<h6> 태그 알아보기

html에서 제목 요소로 사용되는 ~태그를 사용하는 방법입니다. ~ 태그에서 h는 'heading'의 약자이고 h태그는 블록요소입니다. 블록요소의 가장 큰 특징은 일반적으로 태그가 끝나면 자동으로 줄이 바뀝니다. h태그는 기본적으로 글자가 볼드로 설정되어 있습니다. 제목의 글자 크기와 중요도에 따라 부터 까지 나누어 지고. 숫자가 낮을수록 글자 크기와 중요도가 높아집니다. 따라서 의 글자 크기가 가장 크고 의 글자 크기가 가장 작습니다. 안녕하세요. 안녕 하세요. 안녕 하세요. 안녕 하세요. 안녕하세요. 안녕하세요. 태그에는 띄어쓰기나 줄 바꿈을 사용하지 않고 태그에는 띄어쓰기를 한번, 태그에는 띄어쓰기를 여러번 주고 태그에는 줄 바꿈을 주었습니다. 결과를 출력한 이미지입니다. 띄어쓰기가 없는 태그와 띄..

html 2021.01.16
반응형