고스트 블로그 디자인 가이드


글자 색 지정

글자색과 배경색 지정은 HTML 모듈 열고 코드 입력해야함.

① 글자색만

<font color="red">글자색상 : 빨강</font></br>
<font color="blue">글자색상 : 파랑</font></br>
<font color="#3182F6">글자색상 : 뷰인터HR 로고 메인 블루</font></br>
<font color="#00B4FF">글자색상 : 뷰인터HR 로고 메인 스카이</font>
<font color="#32C08D">글자색상 : 뷰인터HR 로고 메인 그린</font></br>

글자색상 : 빨강
글자색상 : 파랑
글자색상 : 뷰인터HR 로고 메인 블루
글자색상 : 뷰인터HR 로고 메인 스카이
글자색상 : 뷰인터HR 로고 메인 그린

② 글자색 + 볼드체
<b> </b> 이렇게 두개만 양옆으로 추가한 것.

<b><font color="red">글자색상 : 빨강</font></b></br>
<b><font color="blue">글자색상 : 파랑</font></b></br>
<b><font color="#3182F6">글자색상 : 뷰인터HR 로고 메인 블루</font></b></br>
<b><font color="#00B4FF">글자색상 : 뷰인터HR 로고 메인 스카이</font></b></br>
<b><font color="#32C08D">글자색상 : 뷰인터HR 로고 메인 그린</font></b></br>

글자색상 : 빨강
글자색상 : 파랑
글자색상 : 뷰인터HR 로고 메인 블루
글자색상 : 뷰인터HR 로고 메인 스카이
글자색상 : 뷰인터HR 로고 메인 그린

③ 배경색

<span style="color: #3182F6;">배경색</span>

단락 배경색

④ 배경색 + 볼드체

<p style="background-color: #3182F6;"><b>단락 배경색</b></p>

단락 배경색

⑤ 배경색 + 글자색

<p style="background-color: #3182F6; color: #32C08D;">단락 배경색</p>

단락 배경색

⑥ 배경색 + 글자색 + 볼드체

<p style="background-color: #3182F6; color: #32C08D;"><b>단락 배경색</b></p>

단락 배경색


글꼴 크기 지정

글꼴 크기 조정은 HTML 모듈 열 필요 없음.

#[스페이스]H1
##[스페이스]H2
###[스페이스]H3
####[스페이스]H4
#####[스페이스]H5
######[스페이스]H6

H1 (이 태그는 사용하지 않습니다)

H2

H3

H4

H5
H6