[티스토리] 블로그 사진 테두리 자동으로 넣는 방법

 
티스토리에 글을 작성하는 중 궁금한 점이 생겼습니다.
블로그 배경이 흰색일 경우 배경이 흰색인 사진을 첨부했을 때 사진과 배경의 구분이 모호하다는 점이었죠.
 
 

티스토리 사진 테두리 적용 화면

 
 
티스토리 블로그의 이미지 편집 메뉴에도
[사진-이미지편집-테두리] 테두리 설정 메뉴가 있긴 했지만,
사진에 효과를 주며 테두리를 만드는 작업이었기 때문에
효과를 주지 않은 사진에 순수하게 테두리만 설정하는 방법이 궁금했습니다.

 
전혀 어렵지 않으니 아래 스텝만 천천히 따라와 주세요~
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

---

 

 

전체 개요는 아래와 같고, 메뉴 하나하나 따라오면서 하실 분들은 아래로 내려 주세요.

 

1. 블로그관리 - 꾸미기 - 스킨편집 클릭
2. 스킨편집 - html 편집 - CSS 클릭
3. [Ctrl + F] - img 엔터
4. border 값이 none로 나오게 됩니다.
   이 값을 border: 1px solid #000! important; 으로 수정

 

---

 

 

1. 블로그관리 메뉴로 들어와
[꾸미기 - 스킨편집] 메뉴를 클릭해주세요.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

---

 
 
 
2. 오른쪽 상단의 [스킨편집 - html 편집 - CSS] 메뉴를 클릭해 주세요.

---

 
 
 
 
3. 알 수 없는 단어들이 가득한 페이지가 나옵니다.
우리는 당황하지 않습니다. [Ctrl + F]가 있으니까요.
키보드의 ctrl(컨트롤) 키와 f를 함께 눌러줍니다.
입력할 수 있는 네모칸이 나오면 img를 입력하시고 엔터를 눌러주세요.

---

 
 
4. img 로 검색할 경우 border 값이 none로 나오게 됩니다.
이 값을 border: 1px solid #000! important; 로 입력해 주시면 끝입니다!

---

 
 
이제 사진마다 테두리를 넣기 위해 고생하는 작업은 끝입니다!
위 설정을 하실 경우 기존 포스팅의 사진들도 테두리가 모두 적용되게 됩니다.
원치 않으실 경우 기본값인 none로 원복해주세요.
 
모두모두 고생 많으셨습니다. ^^