목차
반응형
본문 제목 서식 모음 # 3
정말 티스토리 사용자분들이 많아서 그런지
미처 발견하지 못한 서식과 관련자료들이 많네요.
이번에 3차 제목서식을 안내해 드립니다.
좋은 정보가 되셨다면 공감버튼도 한 번씩 눌러주세요.
소제목
<h3 style="padding: 0.4em 1em 0.4em 0.5em; margin: 0.5em 0em; color: #000000; border-style: dashed; border-width: 1px, 1px, 1px, 1px; border-color: #A9A9F5; font-weight: bold;" data-ke-size="size23">소제목</h3>
<p data-ke-size="size16"> </p>소제목 2
<h3 style="padding: 0.4em 1em 0.4em 0.5em; margin: 0.5em 0em; color: #000000; border-style: dashed; border-width: 1px, 1px, 1px, 1px; border-color: #A9A9F5; background-color: #dce5fb; font-weight: bold;" data-ke-size="size23">소제목 2</h3>
<p data-ke-size="size16"> </p>소제목 3
<h3 style="padding: 0.4em 1em 0.4em 0.5em; margin: 0.5em 0em; border: 5px solid #A9A9F5; background-color: #ececff; font-weight: bold;" data-ke-size="size23">소제목 3</h3>
<p data-ke-size="size16"> </p>소제목 4
<h3 style="border-radius: 15px 0px 15px 0px; padding: 0.4em 1em 0.4em 0.5em; margin: 0.5em 0em; border: 5px solid #f6d258; background-color: #fcf3d4; font-weight: bold;" data-ke-size="size23">소제목 4</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">삼색 그라데이션 소제목</h3>
<p data-ke-size="size16"> </p>삼색 그라데이션 소제목 2
<h3 style="background: linear-gradient(-225deg, #69EACB 0%, #EACCF8 50%, #6654F1 100%); color: #000000; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px 1px 20px 1px;" data-ke-size="size23">삼색 그라데이션 소제목 2</h3>
<p data-ke-size="size16"> </p>그라데이션 소제목
<h3 style="background: linear-gradient(to right,#6a11cb 0%, #2575fc 100%); color: #fff; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px 1px 20px 1px;" data-ke-size="size23">그라데이션 소제목</h3>
<p data-ke-size="size16"> </p>혼합색상 소제목
<h3 style="background: linear-gradient(to right,#3f51b1 0%, #5a55ae 13%, #7b5fac 25%, #8f6aae 38%, #a86aa4 50%, #cc6b8e 62%, #f18271 75%, #f3a469 87%, #f7c978 100%); color: #ffffff; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px 20px 20px 1px;" data-ke-size="size23">혼합색상 소제목</h3>
<p data-ke-size="size16"> </p>둥근 모서리 소제목
<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">둥근 모서리 소제목 8!</h3>
<p data-ke-size="size16"> </p>세로 그라데이션 소제목
<h3 style="background: linear-gradient(#2575fc, #6a11cb); color: #fff; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px 20px 0px 0px;" data-ke-size="size23">세로 그라데이션 소제목</h3>
<p data-ke-size="size16"> </p>단색 스타일 소제목
<h3 style="background: #25abe5; color: #ffffff; font-weight: bold; margin: 1em 0em; padding: 15px 20px; border-radius: 25px 25px 25px 0px;" data-ke-size="size23">단색 스타일 소제목 </h3>
<p data-ke-size="size16"> </p>단색 스타일 소제목 2
<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">단색 스타일 소제목 2</h3>
<p data-ke-size="size16"> </p>box-shadow 소제목
<h3 style="background: #bee9b4; color: #000000; font-weight: bold; margin: 1em 0em; padding: 15px 20px; border-radius: 25px 25px 25px 0px; box-shadow: 1px 3px 3px 0px #469789;" data-ke-size="size23">box-shadow 소제목 </h3>
<p data-ke-size="size16"> </p>box-shadow 소제목 2
<h3 style="background-color: #fcf3d4; padding: 0.4em 1em 0.4em 0.5em; margin: 0.5em 0em; border: 5px solid #f6d258; border-radius: 15px 15px 15px 0px; font-weight: bold; box-shadow: 5px 5px 5px #999;" data-ke-size="size23">box-shadow 소제목 2</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>안내해 드린 html 서식중 여러분들
마음에 드시는 것이 있으면 좋겠습니다.
해당글이 도움이 되셨다면 공감버튼 눌러주세요.
반응형
'IT인터넷' 카테고리의 다른 글
| 서치콘솔 다른 4xx 문제로 인해 차단됨 오류 해결 (0) | 2023.07.25 |
|---|---|
| 티스토리 본문 작성 스타일 제목구분 서식모음 # 5 (0) | 2023.07.24 |
| 티스토리 본문 작성 제목 서식모음 # 4 (0) | 2023.07.23 |
| 티스토리 본문 제목 구분 서식 모음 # 2 (0) | 2023.07.21 |
| 2차 도메인 설정 전 알고 있으면 좋은 DA지수! (0) | 2023.07.21 |
| 블로그스팟 (구글블로그) 원하는 썸네일로 설정는 방법! (0) | 2023.07.20 |