[티스토리] 표에 색 넣기

 테마 꾸미는 걸 좋아해서 여러 블로그 서비스를 이용 중인데 티스토리의 경우에는 표에 색을 채우는 기능이 버튼이 없었습니다... (N사 블로그를 가장 많이 이용하고 있어서 N사 블로그를 생각하고 찾았는데 없다...)

 

아무튼 티스토리 신에디터에는 '표에 색 채우기' 버튼이 없다고 하니 우리가 직접 HTML모드로 수정해 줘야 하는 것 같습니다.

 

티스토리 표에 색 넣기 요약

1. 표를 그린다.

2. 티스토리 글쓰기 상단 메뉴에서 HTML 모드로 들어간다.

3. HTML 모드에서 직접 bgcolor="(색상이름 또는 색상 코드)"를 입력한다.

 

1. 기본 모드에서 표를 그립니다.

저는 위와 같이 6칸짜리 표를 만들었습니다.

---

2. 티스토리 글쓰기 상단 메뉴에서 HTML모드로 들어간다.

 

 

기본모드를 누르면 나오는 HTML을 눌러 주세요.

---

3. HTML모드에서 직접 bgcolor="(색상 이름 또는 색상 코드)"를 입력한다.

HTML 모드에서 표 코드예시

없음	하늘색
#1A5554	분홍색
주황색	보라색

위 코드로 표현된 표(테이블) 예시

 

여기서 표에 색을 넣는 중요한 부분은 위의 예시 코드 중에 td style이 들어있는 줄들입니다.

<td style="width: 50%;">없음</td>

<td> </td> 표에서 한 칸을 의미하는 것이고 제가 이 태그들 사이에 넣은 '없음' 텍스트는 이 칸에 들어 있는 텍스트를 의미합니다. 예시에서는 이 칸에 아무런 색이 들어가 있지 않습니다.

<td style="width: 50%;" bgcolor="skyblue">하늘색</td>

반면 td style 뒤에 예시처럼 bgcolor="skyblue"라고 태그를 넣은 하늘색 텍스트가 들어간 칸에는 하늘색이 적용되어 있는 것을 보실 수 있습니다.

bgcolor="skyblue"에서 " " 부분 사이에 예시처럼 다른 영문색상이름이나 #으로 시작하는 코드를 넣어도 표에 색상을 적용할 수 있습니다.