티스토리 이미지 외곽선을 없애다

티스토리 블로그를 운영하면서 가장눈에 거슬리는 것이

이미지를 올릴 때 이미지 외곽선이다. 

어떤 때는 경계를 표시하여 좋게 보일 때도 있지만

원래 경계가 있는 사진이나 경계가 없는 이미지가 훨씬 

자연스러운 모양에서는 눈에 많이 거슬렸다. 

처음에는 이게 고정되어 있는건가 하고 생각하다가 

없앨 수도 있겠다 싶어서 인터넷을 뒤지게 되었다. 

지금의 skin.html, style.css를 다루는 실력이라면 쉽게 

혼자서 해결했을텐데 블로그 시작 초기에는 전혀 문외한이었다. 

관리 > 꾸미기 > HTML/CSS > style.css 로 들어가서 

Ctrl F를 눌러 찾기에서 imageblock을 검색하면 

아래의 화면이 뜨죠.

여기에서 붉은 박스안의 내용을 고치면 되는데요.

{ border:1px solid #ddd; padding:5px; margin:5px 0;}

조금 설명하면 이미지의 외각선을 실선, 1px의 굵기로 치라는 명령이죠. 

border:1px -> border:0px 로 수정하고 저장을 누르시면 

외각선의 선 두께가 0이 되어서 없어지게 되죠.

수정 후의 이미지는 이렇게 나타나고요.

이미지 표현의 선호도에 따라서 취향이 다를 수는 있지만 

외곽선을 없애시고 싶으신 분은 

많이 활용하기 바래요.

티스토리의 장점은 직접 필요한 부분을 

skin.html, style.css의 수정을 통하여 마음대로 skin을 

바꿀 수 있다는데 있는거 같네요.