Markdown Toolbox Logo Markdown Toolbox
블로그

마크다운에서 이미지 테두리를 추가하는 방법은 무엇인가요?

2023-12-29

마크다운 문서에 이미지에 테두리를 추가하려면 마크다운과 HTML의 조합을 사용해야 합니다. 표준 마크다운은 이미지 스타일링을 지원하지 않기 때문에 HTML 태그를 사용하여 추가 CSS 스타일을 적용합니다.

이미지에 테두리를 추가하는 방법은 다음과 같습니다:

  1. 표준 마크다운 이미지 구문을 사용하여 이미지를 삽입합니다.
  2. HTML <div> 또는 <span> 태그로 이미지를 감싸세요.
  3. 인라인 CSS를 적용하여 테두리를 추가합니다.

예를 들어:

<div style="border: 2px solid black;">![Alt text](image-url.jpg)</div>

이렇게 하면 2px 두께의 검은색 실선 테두리가 있는 이미지가 표시됩니다. style 속성의 CSS를 수정하여 테두리 스타일, 너비 및 색상을 사용자 정의할 수 있습니다.

모든 마크다운 파서가 HTML과 CSS를 지원하는 것은 아니므로 이 방법이 모든 환경에서 작동하지 않을 수도 있습니다.