본문 바로가기
[ ★ ]기타

티스토리 이미지 테두리 만들기/생성

by nroses-taek 2020. 3. 25.

안녕하세요 :)
티스토리 블로그를 하면서 항상 불편했던 점이 밝은 이미지를 사용할 때마다 글과 이미지 구분이 잘 되지 않는 다는 것입니다. ㅠㅠㅠㅠ 저도 불편하고 읽는 사람도 불편하고. 그렇다고 하나하나 테두리 넣어서 하기에는 시간이 너무 소요된다는 점.... 그렇다고 색 반전 쓰면 이상하고... 아무튼 사실 여러가지 실험을 하면서 제가 제일 좋은 방법을 알아왔어요 :)

그 중 하나가 아래에 있는 예시인데요

- imageblock 을 찾아서 border 경계 처리해라. 그 위는 주석을 달아서 무효처리해라

사실 이건 스킨마다 설정이 달라서 없는 스킨도 있어요. 저도 스킨별로 다 테스트 해봤는데 있는게 있고 없는 것도 있더라구요. 만든 사람 마음이겠죠?

그래서 저는 그냥 하나를 새로 달아주려고 합니다.

.imageblock{border:5px solid #ddd;padding:3px; margin:5px 0; text-align:center; margin:5px 0;}

/* 이미지 */
라는 주석을 붙여서 나중에 찾기 편하게 했습니다.

[경계 만들기 전]

[경계 만든 후]

 

감사합니다 :)

댓글