티스토리 소제목 꾸미기 서식 #1

 

 

안녕하세요. 책길남입니다. 

티스토리 블로그 글 작성하실 경우 소제목을 눈에 잘 띄게 하고싶은데 어떻게 꾸미실 지 잘 모르실 겁니다. 소제목 꾸미실 때 사용하실 수 있는 심플하고 이쁜 티스토리 소제목 꾸미기 서식을 제공해드리니 사용하셔서 시각적 효과와 가독성 향상해보시기 바랍니다.

 

 

 

소제목 (h2) 서식 모음 1Page

 

 티스토리 블로그 글 작성 시 서식을 활용하시면 많은 효과를 보실 수 있습니다.

1. 시각적인 효과 향상

2. 글의 가독성 향상

3. 정보 전달 용이성 향상

4. 문단 요약 효과 향상

 

 

 

 

소제목 서식 사용방법

아래 소제목 서식(html 소스)를 본인의 블로그 서식에 넣어두셔서 글을 작성하실 때마다 불러들여서 사용하시면 됩니다. 이에 대한 내용은 아래 소제목 서식 사용방법을 통해 확인하실 수 있습니다. 

 

 

 

테두리 스타일

HTML에서 선 스타일을 'solid'라고 쓰여있는 부분이 나타냅니다.

아래 스타일 단어로 변경하시면 선 스타일이 변경됩니다.

한줄 직선	네모 점선	동근 점선	두줄 직선
solid	dashed	dotted	double

 

선 위치

HTML에서 선 위치를 'border'이라고 쓰여있는 부분이 나타냅니다.

아래 스타일 단어로 변경하시면 선 위치에 대한 서식 스타일을 변경할 수 있습니다.

왼쪽 선	오른쪽 선	위쪽 선	아래쪽 선
border-left	border-right	border-top	border-bottom

 

 

 

 

태그 및 속성

HTML에서 선 위치를 'border'이라고 쓰여있는 부분이 나타냅니다.

아래 스타일 단어로 변경하시면 선 위치에 대한 서식 스타일을 변경할 수 있습니다.

태그 및 속성	내용
color: #8568e1;	글꼴색
background-color: #6c7ae0	배경색
border-left: #000000 5px solid;	왼쪽 선: #색상, 선굵기px, 선 스타일
border-bottom: #000000 5px solid;	아래쪽 선: #색상, 선굵기px, 선 스타일
border: 5px solid #000000;	전체 테두리선: 선굵기px, 선 스타일, #색상
padding: 10px 5px 10px 5px;	박스 내부 여백: 좌 / 상 / 우 / 하
margin: 10px 5px;	박스 외부 여백: 상,하 / 좌,우
border-radius: 20px 1px 20px 1px;	테이블 둥근 모서리: 상 / 하 / 좌 / 우
box-shadow: 5px 5px 5px 5px #999;	그림자 효과: 상 / 하 / 좌 / 우 #색상

 

 

소제목 색상변경 시 색상코드 아래 '색상표'에서 확인 가능

HTML 컬러 코드

 

소제목 스타일 #1 공개 

소제목 스타일 1번부터 7번까지 있습니다. 마음에 드시는 소제목이 있다면 첨부파일의 메모장 텍스트를 다운받아서 서식에 저장하여 사용하시면 됩니다. 

 

소제목 스타일 1 (Black) 

소제목 스타일 1 (Red)

소제목 스타일 1 (Blue)

 

---

소제목 스타일 2 (Black)

소제목 스타일 2 (Red)

소제목 스타일 2 (Blue)

 

---

 

소제목 스타일 3 (Black)

 

소제목 스타일 3 (Red)

 

소제목 스타일 3 (Blue)

 

---

 

소제목 스타일 4 (Black)

 

---

 

소제목 스타일 5 (Black)

 

소제목 스타일 5 (Red)

 

소제목 스타일 5 (Yellow)

 

---

 

소제목 스타일 6 (Black)

 

소제목 스타일 6 (Blue)

 

---

 

소제목 스타일 7 (Black)

 

소제목 스타일 7 (Green)

 

---

소제목 스타일 중에 마음에 드시는 소제목이 있다면 첨부파일을 다운받아서 사용하시면 됩니다. 유용하시다면 꼭 좋아요와 공유 부탁드립니다. 이상 책길남이었습니다.