[티스토리 필수 설정] 기본 제목 (대제목, 중제목, 소제목) 서식 총정리

 

지난 포스팅에서는 서식 생성 및 적용 방법에 대해 알아보았습니다. 서식 생성 및 적용 방법에 대해 모르시는 분들은 지난 포스팅을 먼저 확인해보시면 됩니다.

 

[티스토리 필수 설정] 서식 설정 및 적용

 

이번 포스팅에서는 아래와 같은 기본 제목 (대제목, 중제목, 소제목) 서식 생성에 대해 알아보도록 하겠습니다. 기본 제목만 사용하셔도 글의 내용 및 구조가 보는 사람에게 효과적으로 전달됩니다.

 

 

1. 기본 제목 서식 생성

 

아래와 같은 기본 대제목, 중제목, 소제목 서식을 생성해보도록 하겠습니다. 

 대제목

 

중제목

 

 소제목

 

 1) 대제목, 중제목, 소제목 생성 

 

다음 대제목, 중제목, 소제목 HTML 코드로 서식을 생성합니다. 서식 파일은 아래 첨부를 다운받으시면 됩니다.

 

기본 제목 서식 (대제목, 중제목, 소제목).txt

0.00MB

 

 2) 기본 제목 생성 확인 

 

기본 대제목, 중제목, 소제목이 다음과 같이 생성되었으며, 적용하셔서 사용하시면 됩니다. 

 

 

2. 기본 제목 서식 변경

 

기본 대제목 서식을 변경하고 싶으시면 다음과 같이 하시면 됩니다. 

<h2 style="box-sizing: border-box; ①border-width: 3px 10px; border-bottom-style: solid; ②border-bottom-color: #0A6EBD; border-left-style: solid; ③border-left-color: #0A6EBD; ④letter-spacing: -1px; padding: 5px; margin: 5px 0px; ⑤line-height: 1.3;" data-ke-size="size26"><⑥span style="color: #0A6EBD; ⑦font-family: 'Noto Sans Demilight', 'Noto Sans KR';"><b>&nbsp;대제목</b></span></h2>

① border-width : 3px 10px - 아래선, 왼쪽선의 두께

② border-bottom-color: #0A6EBD - 아래선 색상

③ border-left-color: #0A6EBD - 왼쪽선 색상

④ letter-spacing: -1px : 글자 간격

⑤ line-height: 1.3 : 왼쪽선 높이

⑥ span style="color: #0A6EBD : 글자 색상

⑦ font-family: 'Noto Sans Demilight', 'Noto Sans KR' : 글자 폰트

 

색상 및 아래선 두께를 조정한 예시는 아래와 같습니다. 중제목, 소제목도 동일하게 변경하셔서 사용하시면 됩니다. 

 대제목

 

 대제목

 

 대제목

 

3. 마치며

 

이번 시간에는 기본 제목 (대제목, 중제목, 소제목) 서식 생성 및 변경 방법에 대해 알아보았습니다. 원하시는 색상 및 글자 폰트를 적용하셔서 활용하시면 될 것 같습니다. 다음 포스팅에서는 더 다양한 제목 서식에 대해 알아보도록 하겠습니다. 

 

 

---

방문해주셔서 감사드립니다. 

이글이 도움이 되셨다면, 공감, 댓글, 구독 부탁드릴께요!