【Qiita】 기사에서 삽입한 화상에 테두리를 붙이는 방법

2384 단어 Qiita

【Qiita】 기사의 이미지에 테두리를 붙이는 방법



이미지를 삽입 할 때 테두리가 없으면 어디에서 어디까지 이미지를 이해하기 어렵습니다.

⇛ 테이블 형식 (테이블)을 잘 사용하여 테두리를 붙일 수 있습니다

기술 방법


| ![image.png](URL)|
|:--|

<포인트>
  • 2 행으로 기술
  • 1행째: 「|」(파이프)로 화상의 소스 코드를 사이에 둔다
  • 이미지 소스 코드 "![image.png](URL)"
  • [ ]안은 [파일명.확장자]:예[example-picture.JPG]


  • 2행 : |:--|
  • "-"의 수는 2개 이상




  • 소스 코드 예
    |![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/563526/9c4e0aa5-69a5-d717-d1d8-af8611bf0498.png)|
    |:--|
    

    소스 코드가 길기 때문에 다소 보이지만,하는 것은 간단합니다.
    ①「|」으로 끼운다
    ②「|:--|」를 붙일 뿐

    이미지에 테두리 적용: 예시









    테두리가 없는 경우



    ↓↓↓여기에서 이미지↓↓↓



    ↑↑↑ 여기까지가 이미지↑↑↑

    배경 흰색이라면 경계를 모른다.

    좋은 웹페이지 즐겨찾기