블로그에 사용되는 이미지 테두리 없애는 방법

티스토리, 이미지 테두리 없애기

 

블로그를 운영하실 때 가장 많이 사용되는 부분이 이미지라는 생각을 하게 됩니다.

천마디의 말로도 표현 할 수 없는 부분을 이미지 하나로 해결할 수 있으니까요.

 

아래 두장의 사진을 먼저 보시기를 바랍니다. 차이점이 눈에 들어오시나요?

 

1번 이미지 여백에는 테두리가 표시가 되어 깔끔함이 부족해 보입니다.

2번 이미지 여백을 보시면, 1번과는 달리 테두리의 표시선이 사라졌기에 깔끔해 졌습니다.

 

다시 한번 두장의 이미지를 비교 해보시기를 바랍니다. 차이점이 보이시나요?

 

---

 

 

 티스토리, 이미지 테두리 없애기 - 설정하기

 

HTML/CSS 편집 모드에서 CTRL+F(찾기) 하셔서 /*그림*/ 을 검색합니다.

/*그림*/ 이 검색 되지 않을시에는  .imageblock 으로 검색합니다.

 

검색 하셨다면,  style.css 항목에서 찾을 수가 있습니다. (1개만 검색이 됩니다.)

 

화살표 방향에 1px 수치를 0px 수치로 변경 하시고, 저장하시면 끝입니다.

 

 

---

 

 

/*그림*/ 과 imageblock 모두 검색 되지 않을 경우

 

HTML/CSS 편집 모드에서 CTRL+F(찾기) 하셔서 .article img 검색합니다.

 

화살표 방향과 같이 1px 수치를 0px로 변경 해 주시면 이미지 테두리가 사라지게 됩니다.

 

 

---

 

개인이가 예시한 사진 원본이 깔끔한 사진이라 잘 모르실 수도 있지만,

작은 이미지를 사용 하실 경우 이미지 테두리를 변경한 것과 하지 않는 것의 차이가 분명 있습니다.

 

보기에도 편하고, 깔끔한 포스팅을 원하신다면 이 방법 추천 드립니다.