Markdown에서 테이블에 테두리를 추가하려면 어떻게 해야 하나요?

마크다운에서 테이블에 테두리를 추가하려면 어떻게 하나요?

2024-08-05

짧은 버전

Markdown은 테이블 경계를 직접 지원하지 않습니다; 대신 HTML을 사용하세요:

<table>
<tr>
<th>이름</th>
<th>나이</th>
<th>위치</th>
</tr>
<tr>
<td>존</td>
<td>30</td>
<td>미국</td>
</tr>
<tr>
<td>제인</td>
<td>25</td>
<td>캐나다</td>
</tr>
</table>

긴 버전

1. Markdown 제한 이해하기

Markdown 자체는 테이블에 경계를 추가하는 기본적인 지원이 없습니다. 그러나 열과 행을 위해 파이프와 대시를 사용하여 간단한 테이블을 생성하는 방법을 제공합니다.

2. 경계가 있는 테이블에 HTML 사용하기

경계가 필요하면 Markdown 구문 대신 표준 HTML을 사용할 수 있습니다. 방법은 다음과 같습니다:

<table>
<tr>
<th>이름</th>
<th>나이</th>
<th>위치</th>
</tr>
<tr>
<td>존</td>
<td>30</td>
<td>미국</td>
</tr>
<tr>
<td>제인</td>
<td>25</td>
<td>캐나다</td>
</tr>
</table>

이렇게 하면 Markdown 렌더러에 관계없이 경계가 있는 테이블이 렌더링됩니다.

3. CSS로 경계 스타일링하기

웹페이지 내에서 Markdown을 임베드하는 경우 CSS를 사용하여 테이블 경계를 스타일링할 수 있습니다. 모든 테이블에 경계를 추가하려면 다음 CSS 규칙을 사용하세요:

table,
th,
td {
    border: 1px solid black;
    border-collapse: collapse;
}

이 CSS를 추가하면 웹 환경에서 렌더링할 때 Markdown 테이블의 시각적 측면이 향상됩니다.