tistory 티스토리 이미지에 테두리 넣기

 

tistory 티스토리 이미지에 테두리 넣기

 

 

요즘 다시 꾸준히 블로그 업로드 중인데 포스팅이 뭔가 ... 왠지 ...

정리가 안 된 느낌이 든다.

 

 

아마도 테두리가 없어서 그런 것 같다. 

이미지에 윤곽이 없으니 구분이 모호함 예전에 네이버 블로그를 할 때는 이미지 넣을 때 테두리 설정하는 게 있었는데

티스토리에는 그런 기능이 안보인다.

 

 

하지만 내가 열심히 운영하던 전 블로그를 과감히 접고 tistory로 갈아탄 이유 중에 하나가 바로 html수정이 가능하다는 것 이미지 테두리 기능은 있는 건지 없는 건지 찾을 수가 없지만

 

html수정으로 자동으로 테두리를 넣을 수 있지 않을까?

 

 

일단 개발자 도구를 열어서 

#tt-body-page figure.imageblock img, figure.imageblock img 부분에 

옅은 색의 테두리를 넣어줬다 border: 1px solid #e9e9e9;

 

 

확실히 테두리를 넣어주니까 좀 더 정리된 느낌이 나는 것 같다.

 

 

관리자 모드에 html 편집에 들어가서

 

 

css에 위에 작성해준 클래스를 추가하고 적용한다.

 

적용한 후 포스팅을 찾아보면

이제 모든 이미지에 자동으로 테두리가 생기는 걸 확인할 수 있다.

 

매우 간단하게 적용이 되는 걸 확인할 수 있다.