반응형
티스토리 블로그를 벤치마킹 하려고 여기 저기 돌아다니다보면 색다르고 특이한 소제목으로 가독성을 높인 블로그가 종종 보입니다. 벤치마킹을 하고 싶은데 어떻게 해야 할지 모르겠다면! 아래 내용을 확인 하셔서 가독성을 높일 수 있는 소제목을 꾸미시기 바랍니다.
글쓰기 상태에서 오른쪽 상단에 위치한 HTML로 변환하셔서 아래 내용을 붙여넣기 하시면 됩니다.
색은 취향에 맞게 변경하셔서 사용 하시면 됩니다.
두줄 소제목 스타일
두줄 소제목 스타일 서식
<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>두줄 소제목 스타일 서식 5</b></h3>
<p data-ke-size="size16"> </p>삼색 그라데이션 소제목
<h3 style="background: linear-gradient(to right,#f4d03f, #fffb89, #16a085); color: #000000; font-size: 22px; font-weight: bold; margin-top: 30px; margin-bottom: 15px; padding: 15px 20px; border-radius: 25px 25px 25px 1px;" data-ke-size="size23">삼색 그라데이션 소제목 8</h3>
<p data-ke-size="size16"> </p>
둥근 모서리 소제목 8!
<h3 style="background: linear-gradient(to right,#00a0e9, #e4007f); color: #fff; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px 20px 20px 20px;" data-ke-size="size23">둥근 모서리 소제목</h3>
<p data-ke-size="size16"> </p>
단색 스타일 소제목
<h3 style="background: #fbd84b; color: #000000; font-weight: bold; margin: 1em 0em; padding: 15px 20px; border-radius: 20px 0px 20px 0px;" data-ke-size="size23">단색 스타일 소제목/h3>
<p data-ke-size="size16"> </p>
폴더 스타일 소제목
<div style="display: inline-block; border-radius: 20px 35px 0px 0px; padding: 10px 100px 5px 50px; background: #0271c5; margin: 30px 0px 0px 0px;"> </div>
<h3 style="background: #25abe5; color: #ffffff; font-size: 22px; font-weight: bold; margin-top: 0px; margin-bottom: 15px; padding: 15px 20px 10px 20px; border-radius: 0px 20px 0px 0px;" data-ke-size="size23">폴더 스타일 소제목</h3>
<p data-ke-size="size16"> </p>반응형
댓글