[블로그] 티스토리 이미지 테두리 없애는 방법

[블로그] 티스토리 이미지 테두리 없애는 방법

 

환경 : Internet Explorer 11

 

처음에는 이미지에 테두리가 있는 것이 깔끔해 보였는데 시간이 지날수록 더 지저분한 것 같더라구요. 그래서 이미지에 테두리를 없애기로 했습니다.  Style.css 의 정보를 수정해서 이미지 테두리를 없애는 방법에 대해 알아봅니다.

 

▼ 먼저 테두리에 어떤 CSS 가 쓰였는지 알아 봐야 겠죠. 크롬의 개발자 도구에서 테부리 부분에 쓰는 CSS 를 알아 냈습니다. CSS 클래스 명은 imageblock 였습니다. 이부분을 수정하시면 됩니다.  

 

▼ Imageblock CSS 정보를 수정하기 위해 티스토리 관리자 페이지로 갑니다. 그리고 style.css 에서 imageblock 클래스를 찾습니다. 그럼 아래 그림과 같이 .imageblock { border:1px solid #ddd;  padding:5px;  margin:5px 0;} 소스를 볼수 있습니다. 여기에서 border 부분이 이미지 테두리 선에 해댕합니다. 이것을 0 으로 바꿔주면 되겠죠.

 

 

▼ Imageblock 의 border 값을 0 으로 바꾼후 [저장] 버튼을 눌러 페이지에 CSS 를 적용합니다. 그리고 페이지로 돌아가서 보시면 이미지에 라인이 없어 진 것을 알수 있습니다.