티스토리 본문 작성 스타일 제목 구분 서식 모음 # 1

본문 제목 서식 모음 # 1

티스토리 본문에 글을 작성할 때
제목 서식을 사용하는 이유는 여러 가지가 있습니다.

그중에 시각적인 효과와, 가독성을 높이기 위해 사용하는 분들이 많지요.

편하게 티스토리 서식에 저장해 두셨다가
필요하실 때 꺼내 사용하시면 되겠습니다.

밑줄 소제목 1

<h3 style="padding: 0.4em 1em 0.1em 0.2em; margin: 0.5em 0em; color: #000000; border-bottom: 4px #000000 solid; font-weight: bold;" data-ke-size="size23">밑줄 소제목 1</h3>
<p data-ke-size="size16">&nbsp;</p>

기본적인 검은색 밑줄로 심플하면서도
제목을 강조하는 느낌 좋은 소제목 서식입니다.

밑줄 소제목 2

<h3 style="padding: 0.4em 1em 0.1em 0.2em; margin: 0.5em 0em; color: #000000; border-bottom: 4px #f14c4c solid; font-weight: bold;" data-ke-size="size23">밑줄 소제목 2</h3>
<p data-ke-size="size16">&nbsp;</p>

좀 더 눈에 띄는 빨간색으로
팩트 있는 느낌을 주기도 하는 소제목 서식입니다.

밑줄 소제목 3

<h3 style="padding: 0.4em 1em 0.1em 0.2em; margin: 0.5em 0em; color: #000000; border-bottom: 8px #E68900 double; font-weight: bold;" data-ke-size="size23">밑줄 소제목 3</h3>
<p data-ke-size="size16">&nbsp;</p>

밑줄이 두 줄로 된 소제목 서식으로 한 줄 느낌과는
다른 느낌을 주고 문단의 구분이 확실해 보이는 느낌을 줍니다.

소제목 1

<h3 style="padding: 0.4em 1em 0.4em 0.5em; margin: 0.5em 0em; color: #000000; border-left: 10px solid #009a87; border-bottom: 2px #009a87 solid; font-weight: bold;" data-ke-size="size23">소제목1</h3>
<p data-ke-size="size16">&nbsp;</p>

티스토리 이용하시는 분들이 아마도 제일 많이
사용하시는 서식이 아닐까.. 하는 소제목 서식입니다.

소제목 2

<h3 style="padding: 0.4em 1em 0.4em 0.5em; margin: 0.5em 0em; color: #2c6ed5; border-left: 10px solid #2c6ed5; border-bottom: 2px #2c6ed5 solid; font-weight: bold;" data-ke-size="size23">소제목 2</h3>
<p data-ke-size="size16">&nbsp;</p>

색상은 조절도 자유롭게 원하는 시는 색상으로 변경도 가능합니다.

소제목 3

<h3 style="padding: 0.4em 1em 0.4em 0.5em; margin: 0.5em 0em; color: #fe3e64; border-left: 10px solid #fe3e64; border-bottom: 2px #fe3e64 solid; font-weight: bold;" data-ke-size="size23">소제목 3</h3>
<p data-ke-size="size16">&nbsp;</p>

일반 홈페이지나 기업홈페이지에서도 많이 사용되는 형식으로
너무 화려하지 않아서 부담 없이 사용하시기 좋을듯한 서식입니다.

소제목 4

<h3 style="padding: 0.6em 0.5em 0.6em 0.5em; margin: 0.5em 0em; color: #000; border-left: 10px solid #0f2443; border-bottom: 2px solid #e5e5e5; font-weight: bold;" data-ke-size="size23">소제목 4</h3>
<p data-ke-size="size16">&nbsp;</p>

옆에 바 색상과 밑줄색상이
분리되어 있기 때문에 변경하시기 좋습니다.

그럼 좋은 정보가 되셨으면 합니다.