본문 바로가기

IT/Blog Tip

[티스토리] 이미지 테두리 제거/추가하기

티스토리 블로그에 글을 작성할 때 이미지에 테두리가 생기게 됩니다.

또한 본문보다 큰 이미지를 추가할 경우 오른쪽의 테두리 부분이 제대로 표시되지 않습니다.

이미지 테두리에 padding과 margin값이 설정되어 있기 때문에 본문 영역 밖으로 나가는 것입니다.

테두리가 별로 필요 없기 때문에 테두리를 제거하도록 하겠습니다.

CSS의 속성을 수정하면 간단하게 이미지 테두리를 제거할 수 있습니다.

관리자 페이지로 이동해서 HTML/CSS 편집으로 이동합니다.

그리고 CSS를 선택해서 다음과 같이 .imageblock이 보이는 곳을 찾습니다.

스킨마다 다른데 다른 스킨에서는 .article img이라는 속성이 존재할 수도 있습니다.

속성에 border:1px이라고 된 부분이 있습니다.

이 부분을 border:0px로 변경하면 테두리가 사라지게 됩니다.

반대로 이미지의 테두리를 추가하기 위해서는 위와 같은 코드를 입력하면 됩니다.