본문 바로가기
유틸리티

티스토리 글쓰기 소제목 만들기

by goatlab 2022. 5. 30.
728x90
반응형
SMALL

소제목 설정하기

 

1. HTML 소제목 서식 코드를 다운로드

2. 관리 서식관리 서식 쓰기 순서로 클릭

3. 글쓰기란에서 기본 모드 HTML로 변경
<h2 style="box-sizing: border-box; border-right-width: 0px; border-top-width: 0px; border-left: #140718 12px solid; border-bottom: #140718 2px solid; line-height: 1.7; margin-right: 0px; padding: 3px 5px 3px 10px; data-ke-size="size26">				
    <span>
    	<b>소제목 입력</b>
    </span>
</h2>
속성 설명
border-right: 0px 오른쪽 테두리 삭제 
border-top: 0px 위쪽 테두리 삭제
border-left: #140718 12px solid 왼쪽 테두리 (컬러 두께 실선)
border-bottom: #140718 2px solid
아래쪽 테두리 (컬러 두께 실선)
0px로 변경하면 아래쪽 테두리는 삭제
line-height: 1.7 소제목 높이
margin-right: 0px 오른쪽 테두리 외부 공백
padding: 3px 5px 3px 10px 테두리 내부 공백 (왼쪽 위쪽 오른쪽 아래쪽)
data-ke-size="size26" 글자 크기 (20, 23, 26)

 

HTML Color Code 찾기

border-left: #140718
border-bottom: #140718

 

https://html-color-codes.info/Korean/

 

HTML 컬러 코드

HTML 컬러 차트 사각형 모양의 컬러버튼을 클릭하여 HTML 컬러 코드를 찾으세요. HTML 컬러 코드 이론 "이 이상한 기호와 숫자와의 조합이 어떤 의미가 있을까?" 하고 궁금하신가요. 그 답은 "예" 입

html-color-codes.info

 

728x90
반응형
LIST

'유틸리티' 카테고리의 다른 글

인용 / 인증  (0) 2022.08.10
티스토리 스킨  (0) 2022.06.09
GIF 만들기  (0) 2022.06.02
워터마크 만들기  (0) 2022.06.02
[출처 / 인용] 웹페이지 인용 / 출처 표기  (0) 2022.03.04