반응형
좌측과 우측의 사진 차이는 뭘까요?
좌측 사진은 테두리가 없고 우측 사진은 사진과 하얀 배경 경계에 1px의 테두리가 설정되어 있는 사진입니다.
블로그 사진에서 테두리를 설정한다면 사진의 경계가 하얀색일 때 블로그의 하얀색 배경과 겹쳐 어디까지가 사진이고 어디까지가 블로그 배경인지 구분이 잘 안 갈 겁니다.
이 작업은 포토샵을 자유롭게 편하게 다루실수 있는 분들이라면 편하게 작업을 하실 수 있겠지만 많은 양의 사진을 일일이 포토샵 작업을 한다는 건 어려울 수도 있는 일입니다. 아니 귀찮을 수도 있는 일일 것입니다.
그래서 티스토리의 스킨의 CSS를 수정하여 업로드하는 모든 사진에 테두리를 넣는 방법을 알아보겠습니다.
설정 방법.
1. 티스토리 설정 > 꾸미기 > 스킨 변경에서 상단의 편집을 클릭합니다.
2. 좌측 스킨 편집 > html 편집을 클릭합니다.
3. CSS를 클릭합니다.
4. 내용 중 img를 검색하면 border과 같이 있는 행을 찾습니다.
5. 위 그림과 같이 border: 뒤에 1px solid #000 !important;를 복사합니다.
6. 이러면 두께(1px), 실선(solid), 검은색(#000)인 테두리가 블로그의 모든 사진에 적용됩니다.
색은 red 이런 식으로도 변경 가능합니다.
728x90
댓글