티스토리 작성 시 표에 배경색 채우기 (신 에디터)

 

 

신 에디터의 경우 표에 색을 채우는 버튼이 따로 존재하지 않는다. 따라서 HTML 코드를 건드려 주어야 한다. 표를 만들고 우측 상단에서 기본모드를 HTML로 바꿔준다. 아래 코드 부분이 표에 대한 코드이다.

<table style="border-collapse: collapse; width: 33.1395%; height: 80px;" border="1">
<tbody>
<tr style="height: 20px;">
<td style="width: 50%; height: 20px;">&nbsp;</td>
<td style="width: 50%; height: 20px;">&nbsp;</td>
</tr>
<tr style="height: 20px;">
<td style="width: 50%; height: 20px;">&nbsp;</td>
<td style="width: 50%; height: 20px;">&nbsp;</td>
</tr>
</tbody>
</table>

 

 

tr은 각 행을 보여주는 태그이고, td는 각 칸을 보여주는 태그이다. 이 태그의 sytle 속성 뒤에 배경색 속성을 추가해 주면 된다. bgcolor="red" 이런식으로 bgcolor="원하는 색"을 추가해 주면 된다.

 

 

<table style="border-collapse: collapse; width: 27.4419%; height: 176px;" border="1">
<tbody>
<tr>
<td style="width: 25%;" bgcolor="red">&nbsp;</td>
<td style="width: 25%;" bgcolor="orange">&nbsp;</td>
<td style="width: 25%;" bgcolor="yellow">&nbsp;</td>
<td style="width: 25%;" bgcolor="green">&nbsp;</td>
</tr>
<tr>
<td style="width: 25%;" bgcolor="blue">&nbsp;</td>
<td style="width: 25%;" bgcolor="navy">&nbsp;</td>
<td style="width: 25%;" bgcolor="purple">&nbsp;</td>
<td style="width: 25%;" bgcolor="gray">&nbsp;</td>
</tr>
<tr>
<td style="width: 25%;" bgcolor="skyblue">&nbsp;</td>
<td style="width: 25%;" bgcolor="pink">&nbsp;</td>
<td style="width: 25%;" bgcolor="ibory">&nbsp;</td>
<td style="width: 25%;" bgcolor="">&nbsp;</td>
</tr>
<tr>
<td style="width: 25%;" bgcolor="cyan">&nbsp;</td>
<td style="width: 25%;" bgcolor="gold ">&nbsp;</td>
<td style="width: 25%;" bgcolor="coral">&nbsp;</td>
<td style="width: 25%;" bgcolor="azure">&nbsp;</td>
</tr>
</tbody>
</table>