※ 읽기 전 주의사항 ※

1. 정보글 적을 때 도움이 되길 바라며 쓴 글임

2. 코알못이 구글링해서 적는 내용임 맹신하지 말 것

3. 아카라이브에서 작동되지 않는 기능은 뺐음

목차

0. 기초 테크닉

1. 폰트 사이즈

2. 글자 위에 줄긋기

3. 윗첨자/아랫첨자

4. 그림자 효과

4-1. 네온 효과

4-2. 윤곽선 효과

0. 기초 테크닉

먼저, html 텍스트 코드는 이렇게 구성돼있어

이 글에서 소개되는 기능은 상황에 따라 코드 삽입 위치가 달라져

한 문장 전체에 기능을 넣고싶다면 이렇게 삽입하면 되고,

문장의 일부 단어에만 기능을 넣고싶다면 다음과 같이 삽입하면 돼

이 글에서 소개하는 기능들의 예시는 문장 전체 기준이니 그 점 주의해서 봐줘 :)

1. 폰트 사이즈

폰트 사이즈를 조절하려고 하는데... 원하는 사이즈가 없을 때가 있을거임

관련 코드는 빨강색으로 색칠해놨어

□에 원하는 폰트 사이즈를 입력해주면 끝 :)

2. 글자 위에 줄긋기

아카라이브 글쓰기 프리셋에 밑줄이랑 취소선은 있는데 글자 위에 줄을 긋는 기능은 없어...

이 기능과 관련된 코드는 다음과 같아

그러면 이렇게 글자 위에 줄이 생기게 돼

3. 윗첨자 / 아랫첨자

이 부분은 간단하게 코드만 알려주고 넘어갈게

그러면 이렇게 ^위로 적거나, _아래로 적을 수 있어

4. 그림자 효과

먼저, 글자에 그림자 효과를 넣는 코드는 다음과 같아

예를 들어, 2px 이동한 파란색 그림자를 만들고 싶다면

<p style="text-shadow: 2px 2px #2969B0;>내용</p>

이런 코드가 나오는데, 이걸 적용하면 이렇게 돼

만약 그림자를 여러개 넣고 싶다면, [ , ] 를 적고 두번째 그림자 세팅 코드를 적어주면 돼

이걸 이용해서 3개의 그림자가 들어간 글자를 만들어보면... 이런걸 만들 수 있어

4-1. 네온 효과

글자에 네온 효과는 그림자 효과의 블러 효과를 응용해서 만드는거야

이걸 이용해보면...

4-2. 윤곽선 효과

글자에 윤곽선 효과 역시 그림자 효과를 응용해서 만드는거야

블러 효과를 주지 않고, 그림자를 모든 방향으로 이동시키는거지

하얀색 테두리로 적용해보면...

만약 픽셀 폰트 느낌을 주고 싶다면 상/하/좌/우 로만 테두리를 주면 돼

색상코드는 구글에 [ Hex Color ] 라고 검색하면 돼

궁금한거 있으면 댓글로 물어봐

아는건 최대한 답 해줄게 :)