티스토리 테두리 없애기 본문

티스토리 테두리 없애기

티스토리 테두리 없애기

티스토리에 이미지나 사진을 첨부시에 생기는 테두리 선을 없애기 위한 간단한 팁을 알려드리겠습니다.
테두리 선을 맘에 들어하는 사람도 있지만 깔끔하게 보여주는걸 원하는 사람은 이 테두리 선이 여간 성가신게 아닐수 없습니다.

관리자페이지에서 간단하게 한줄만 수정해주면 되는 간단한 과정이니 한번보고 바로 적용하실수 있을겁니다.

위처럼 이미지 첨부후 이미지를 둘러싸는 테두리가 생기게 됩니다.
이 테두리를 없애는 방법입니다.



티스토리 블로그의 관리잘 들어가 왼쪽 메뉴의 붉은색으로 표시된 'HTML/CSS 편집'을 클릭합니다.




블로그의 화면을 꾸며주는 css를 수정할수 있는 입력폼이 나오게 됩니다.
skin.html입력폼이 아니라 바로밑의 style.css입력폼입니다.




style.css에서 'imageblock' 부분을 찾아주는데 찾기가 힘들면
위 이미지처럼 키보드의 콘트롤키와 F키를 동시에 눌러 검색창에 imageblock을 입력후
엔터키를 눌러주시면 바로 찾을수 있습니다.




위 이미지를 보시면 style.css입력폼에 붉은색으로 표시된 .imageblock부분이 있는데
뒷부분을 보시면 border:1px; 이라고 쓰여진 부분이 보일겁니다.
그 부분을 수정해주시면 됩니다.




border:1px; 라고 쓰여진 부분을 위 이미지의 붉게 표시된 부분처럼 border:0px;로 변경후
아래의 저장버튼을 클릭해주세요.


티스토리 블로그의 사진이나 이미지의 테두리를 없애는 방법을 알아보았습니다.
필요하신분 참조하시고 오늘도 좋은 하루 되세요.