티스토리 이미지 테두리 넣는 쉬운 방법 | 고래스킨 CSS에서 단 한 줄에 해결

티스토리 블로그를 작성하다 보면 캡처한 이미지를 넣을 때도 많고, 직접 찍은 사진을 넣을 때도 참 많습니다. 그런데 사용하다 보면 전체적으로 테두리가 하얀색이면 문서창과 이미지 테두리 색깔이 같아서 이미지를 볼 때 영 마음에 들지 않은 때가 많으실 겁니다. 그래서 준비했습니다.

이미지 테두리 넣기 - 이런 분을 위해 준비했습니다!

당신이 만약,

티스토리 초보자라면!

'고래스킨'이라는 유명한 스킨을 받아서 사용하고 있다면!

티스토리 이미지 테두리를 넣는 방법을 여기저기 찾아봤는데, 찾아본 글들이 내가 쓰는 스킨이랑 달라서 해결책을 못 찾았다면!

제가 소개드리는 방법으로 이미지 테두리 넣기를 따라 해보시면 될 것 같습니다.

 

티스토리 이미지에 테두리 넣기 - CSS에서 한 줄로 해결

먼저 환경설정으로 들어갑니다.

왼쪽 사이드바를 내려가다 보면 [꾸미기]-[스킨 편집]에 들어갑니다.

 

스킨 편집으로 새로운 창이 열리는데, 오른쪽 상단에 CSS를 클릭하면, 알 수 없는 코딩이 나옵니다. 마우스로 이 코딩 창을 한번 클릭해 주고(이것이 중요해요), [Ctrl+F]에서 'img'를 검색합니다. 그러면 아래 그림처럼 img {border: 0}이라고 적혀 있는 부분을 찾으실 수 있습니다.

'border: 0' 부분을 아래 그림처럼 'border: 1px solid #000! important;'로 변경해 주시고, 적용을 클릭합니다.

 

 

 

 

 

이렇게 적용해 두면 예전에 작성하셨던 글에도 모두 테두리가 설정되어 있는 것을 보실 수 있을 겁니다.

 

티스토리 이미지에 테두리 넣는 방법 정말 쉽죠? 수익형 티스토리를 하시는 분들이 스킨으로 북클럽이나 오디세이를 많이 사용하시지만, 고래스킨도 많이 사용하실 겁니다. 꼭 도움이 되었으면 좋겠네요. 글이 도움이 되셨다면 주변 분들과 공유해 주시고, 오늘도 행복한 하루 보내세요~!