슬퍼하는 자는 복이 있나니

저희가 영원히 슬플 것이오.

이런 글자에 효과를 주는 것들에 대하여 알아보자
간단하게 알아보는 아카라이브 접기 기능 - CYOA 채널 (arca.live)

※아래 코드들은 글쓰기 도구 중에 코드 보기라는 버튼을 누르고 작성해야 된다.

그러니 본문에다가 코드를 적어놓고 왜 안되는지 궁금해 하는 일이 없기를

<span style="(명령어)"> (본문)</span>

 <div style="(명령어)"> (본문) </div>

우선 글자 크기를 조정하든지 굵기를 조정하던지 가장 기본이 되는 것은 저 위의 두가지이다.

둘중 원하는 거로 선택하고 (명령어)라고 적혀 있는 공간에 알맞은 명령어를 넣고, (본문)에 아무거나 내용을 적으면 효과가 적용 되는 것이다

1.그림자 효과

솔직히 글씨 굵게하는 거나 글자 크기 조정 하는 것은 이미 도구에서 일부 지원하고 있으니 다음에 서술하고
우선은 도구 목록에 없는 그림자 효과에 대해 서술하도록 하겠다

텍스트에 그림자 효과를 주는 속성값은  text-shadow 다.
그리고 text shadow는 총 네개의 값으로 구성되는데,

예를 들어서 text-shadow:0px 1px 9px (color); 라는 코드가 있을때

여기서 첫번째 0px라고 써져 있는것은 그림자의 가로 길이로 숫자가 양수면 텍스트의 오른쪽에 그림자가 지고 음수면 왼쪽에 그림자가 표시된다

두번째 1px 라고 써져 있는것은 그림자의 세로 길이로 숫자가 양수면 텍스트 윗쪽 음수면 아랫쪽에 그림자가 표시되며

세번째 9px는 그림자가 번지는 정도로 양수면 바깥쪽으로 퍼지고 음수면 그림자가 줄어든다

(color)은 그림자의 색으로 (color)자리에 rgb(239, 239, 239)와 같이 rgb 코드로 대체하면 해당하는 rgb 색상에 맞춰 그림자의 색이 변경된다

(color)자리에 black이나 gray 같이 색상을 영어로 적어도 가능한데 나는 rgb 코드 찾는게 귀찮아서 이쪽을 더 많이 사용한다

<span style="text-shadow:0px 1px 9px rgb(1, 1, 1) ; "> (본문)</span>

 (본문)

이게 적용 예시다.