티스토리 블로그 소제목 꾸미기 10가지 코드

티스토리에서 제공하는 내장 기능으로 글자의 크기를 달리하여 소제목을 본문 내용과 구분할 수 있습니다. 그것에서 더 나아가서 소제목에 배경을 추가하고 다양한 색상을 조합하여 본인의 블로그이 성격에 어울리는 소제목 양식을 만들어 사용할 수 있습니다. 

티스토리 블로그 소제목 꾸미기

바로 이런 형식으로 티스토리 블로그의 소제목을 취향에 맞게 꾸밀 수 있습니다. 가독성을 높여줄 수 있고, 블로그의 성격을 표현해주는 역할을 하게 할 수도 있습니다. 쉽게 따라하실 수 있도록 Color Code를 다양하게 적용한 예시 코드 10 가지를 공유합니다.

1. 빨간색 소제목

<h3 style="background: #ff0000; color: #ffffff; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px;">빨간색 소제목</h3>

 

2. 파란색 소제목

<h3 style="background: #0000ff; color: #000000; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px;">파란색 소제목</h3>

 

3. 초록색 소제목

<h3 style="background: #00ff00; color: #ffffff; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px;">초록색 소제목</h3>

 

4. 보라색 소제목

<h3 style="background: #800080; color: #ffffff; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px;">보라색 소제목</h3>

 

5. 주황색 소제목

<h3 style="background: #ffa500; color: #000000; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px;">주황색 소제목</h3>

 

6. 핑크색 소제목

<h3 style="background: #ff69b4; color: #ffffff; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px;">핑크색 소제목</h3>

 

7. 회색 소제목

<h3 style="background: #808080; color: #ffffff; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px;">회색 소제목</h3>

 

8. 노란색 소제목

<h3 style="background: #ffff00; color: #000000; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px;">노란색 소제목</h3>

 

9. 청록색 소제목

<h3 style="background: #008080; color: #ffffff; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px;">청록색 소제목</h3>

 

10. 갈색 소제목

<h3 style="background: #a52a2a; color: #ffffff; font-size: 22px; font-weight: bold; margin: 0.5em 0em; padding: 15px 20px; border-radius: 20px;">갈색 소제목</h3>

background가 배경색에 해당하는 부분이고, color이 글자색에 해당하는 부분입니다. CSS Color map을 웹 서칭하면 다양한 컬러코드를 찾을 수 있으니 원하는 컬러로 변경하여 사용할 수 있습니다.

유용한 정보

kb리브엠 모바일 유심, 요금제, 개통 방법 총정리

틱톡 마케팅이란? 사용방법과 성공사례, 그리고 장단점 총정리