Tistory style

사용법

 

1.

HTML 클릭

 

 

2.

효과 넣길 원하는 부분에 띄워쓰기 넣고 / style 부터 " 까지 붙여넣기. 밑줄처럼.

 

 

3. 다시 기본모드로 돌아와서 확인

 

 

 

Tip.

자기가 효과 넣고 싶은 문구가 있는 곳을 특정문자 (ex. !, ?, !!! 등) 으로 표시하여 ctrl + F 로 검색해서 위치 파악하는게 추가 하기 쉬움!

style 복사할때 띄워쓰기 잊지마세요! 

 

 

 

---

 

코드

ex)  style="..."

 style="--bannerheight: 0px; --rightsidebarwidth: 0px; --leftsidebarwidth: 408px; --leftsidebarflyoutwidth: 408px; --topnavigationheight: 56px; font-style: normal; text-decoration-skip-ink: auto; line-height: 1.714; letter-spacing: -0.005em; --ds--code--bg-color: var(--ds-background-neutral, rgba(9, 30, 66, 0.08)); font-size: 0.875em; font-family: SFMono-Medium, 'SF Mono', 'Segoe UI Mono', 'Roboto Mono', 'Ubuntu Mono', Menlo, Consolas, Courier, monospace; font-weight: normal; background-color: var(--ds--code--bg-color,var(--ds-background-neutral, #f4f5f7)); color: var(--ds-text, #172b4d); border-style: none; border-radius: 3px; display: inline; padding: 2px 0.5ch; -webkit-box-decoration-break: clone; overflow: auto; overflow-wrap: break-word; white-space: pre-wrap;"

 

폰트 사이즈 

9pt : hello world 

11pt : hello world

12pt : hello world

14pt : hello world

style="font-size:9pt"

 

코드블럭

코드 블럭은 style 추가하는 거 보다 html 통째로 복사하는게 예쁨

https://colorscripter.com/ 의 HTML 복사 기능 사용! 

Color Scripter