티스토리 본문 제목 구분 서식 모음 # 2

본문 제목 서식 모음 # 2

본문 제목 서식 모음 #1을 통해
1차 기본서식모음을 보여드렸는데요.

이번엔 2차 제목서식을 보여드리도록 하겠습니다.

각 서식마다 설명을 드리는 것보다 여러분들이 보기 편하도록
설명 없이 디자인과 소스코드를 안내해 드리도록 하겠습니다.

소제목 

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

소제목 2

<h3 style="padding: 0.4em 1em 0.4em 0.5em; background: #e9efed; margin: 0.5em 0em; color: #000000; border-left: #00a667 10px 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; background: #fde6ec; margin: 0.5em 0em; color: #fe3e64; border-left: #fe3e64 10px solid; font-weight: bold;" data-ke-size="size23">소제목3</h3>
<p data-ke-size="size16">&nbsp;</p>

소제목 4

<div style="background-color: #c7cfff; margin-top: 20px; margin-bottom: 15px; padding: 5px 10px;">
<h3 style="border-left: #1636f7 10px solid; padding: 0.2em 0.5em; margin: 0.2em 0em; color: #1636f7; font-weight: bold;" data-ke-size="size23">소제목4</h3>
</div>
<p data-ke-size="size16">&nbsp;</p>

소제목 5

<div style="background-color: #909200; margin-top: 20px; margin-bottom: 15px; padding: 5px 10px;">
<h3 style="border-left: #FAFABE 10px solid; padding: 0.2em 0.5em; margin: 0.2em 0em; color: #FAFABE; font-weight: bold;" data-ke-size="size23">소제목 5</h3>
</div>
<p data-ke-size="size16">&nbsp;</p>

소제목 6

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

소제목 7

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

소제목 8

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

소제목 9

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

티스토리 소제목 꾸미기

두줄 소제목 스타일 서식 

<h3 style="box-sizing: border-box; border-width: 10px; border-left-style: solid; border-left-color: #ff703a; color: #ff703a; padding: 1px 10px; letter-spacing: 0px; margin: 0.5em 0em; line-height: 0.8;" data-ke-size="size23"><span style="font-size: 12pt; color: #000000;">티스토리 소제목 꾸미기<br /><br /></span><b>두줄 소제목 스타일 서식</b></h3>
<p data-ke-size="size16">&nbsp;</p>

티스토리 소제목 꾸미기

두줄 소제목 스타일 서식 2

<h3 style="box-sizing: border-box; border-width: 10px; border-left-style: solid; border-left-color: #549325; color: #549325; padding: 1px 10px; letter-spacing: 0px; 0.5em 0em; line-height: 0.8;" data-ke-size="size23"><span style="font-size: 12pt; font-family: 'Noto Serif KR'; color: #000000;">티스토리 소제목 꾸미기<br /><br /></span><b>두줄 소제목 스타일 서식 2</b></h3>
<p data-ke-size="size16">&nbsp;</p>

티스토리 소제목 꾸미기

두줄 소제목 스타일 서식 3

<h3 style="box-sizing: border-box; border-width: 10px; border-left-style: solid; border-left-color: #414e92; border-bottom: 1px solid #d9d9d9; color: #414e92; padding: 1px 10px 10px 10px; letter-spacing: 0px; margin: 1em 0em; line-height: 0.8;" data-ke-size="size23"><span style="font-size: 12pt; font-family: 'Noto Serif KR'; color: #000000;">티스토리 소제목 꾸미기<br /><br /></span><b>두줄 소제목 스타일 서식 3</b></h3>
<p data-ke-size="size16">&nbsp;</p>

티스토리 소제목 꾸미기

두줄 소제목 스타일 서식 4

<h3 style="box-sizing: border-box; border-width: 10px; border-left-style: solid; border-left-color: #fe3e64; color: #fe3e64; background: #fde6ec; padding: 10px 10px; letter-spacing: 0px; margin: 0.5em 0em; line-height: 0.8;" data-ke-size="size23"><span style="font-size: 12pt; color: #000000;"><span style="font-family: 'Noto Serif KR';">티스토리 소제목 꾸미기</span><br /><br /></span><b>두줄 소제목 스타일 서식 4</b></h3>
<p data-ke-size="size16">&nbsp;</p>

위에 제공된 모든 서식에 사용된 색상은
사용자님들이 원하시는 색상으로 모두변경이 가능합니다.

이쁘게 많이 사용하세요.