본문 바로가기
티스토리 편집

티스토리 본문 소제목 만들기

by 안전관리자kim 2024. 5. 23.
반응형

※ 소제목 예시

 

대제목 검정 나눔바른고딕

 

<<소제목 코드>>

더보기

<h2 style="box-sizing: border-box; border-width: 2px 12px; border-bottom-style: solid; border-bottom-color: #000044; padding: 3px 10px; border-left-style: solid; border-left-color: #000044; margin: 5px 0px; letter-spacing: 1px;" data-ke-size="size26"><span style="font-size: 30px; font-family: 'Nanum Barun Gothic'; font-weight: normal; color: #000000;">대제목 검정 나눔바른고딕 </span></h2>

 

서식을 저장하는 법을 배웠으면 접은글 처럼 HTML을 편집하여 사용하면 된다.

 

2024.05.23 - [티스토리 편집] - 티스토리 본문 글상자 만들기

 

티스토리 본문 글상자 만들기

글상자 안의 색상이나 테두리는 마음대로 변경할 수 있는 방법 티스토리에는 다양한 글상자를 구현할 수 있는 도구가 없다.인용에 검은색 네모 박스만이 있을 뿐이라 html을 입력해서 넣는 방법

kdoyoung.tistory.com

 

 

아래 규칙에 따라 색깔, 문자크기, 문자 스타일을 바꿔서 사용하면 된다.

 

  • 아이콘 모양 규칙
    • letter-spacing: 1px; 문자간격
    • border-bottom-color: #000044; 아래바 색깔
    • border-left-color: #000044; 왼쪽바 색깔
    • padding: 3px 10px; 아래바와 문자간격, 왼쪽바와 문자간격
    • margin: 5px 0px; 위 아래 문자간격, 양옆 여백
    • border-width: 2px 12px; 아래바 두께, 왼쪽바 두께
    • line-height: 1.2; 왼쪽바 높이
  • 폰트규칙
    • font-family: 'Nanum Barun Gothic'; 문자 스타일
    • font-weight: normal; 문자 색깔
    • color: #000000; 문자 크기

 

이렇게 하면 다양한 소제목을 만들 수 있다.

 

자신에게 맞는 소제목을 만들어서 서식에 저장해두고 쓰면 나만의 독창적인 글을 쓰는데 도움이 될 수 있다.

 

2024.05.23 - [티스토리 편집] - 티스토리 블로그 초기세팅 방법 #1

 

티스토리 블로그 초기세팅 방법 #1

블로그 이름, 주소, 닉네임 정하기  가입 이후 블로그 이름과, 주소, 닉네임을 정한다. 주의할 점은 다른건 나중에 바꿀수 있지만 "블로그 주소"는 한번 정하면 바꿀수 없다. 영문, 숫자, 하이픈(

kdoyoung.tistory.com

 

728x90
반응형