티스토리 이미지 테두리 설정, 해제하는 법

블로그 주제, 배경 색, 스킨마다 다르지만 제 블로그에선

티스토리에 사진을 등록할 때 배경과 같은 색인 경우 이미지와 구분이 잘 안되서

테두리를 지정해 줄경우 훨씬 구분이 잘 가더라고요.

특히 웹 브라우저나 설정 부분 스크린샷을 올릴 때 테두리 있는게 훨씬 눈에 잘 띄어서

스킨 바꿔도 꼭 설정해주는 부분!

티스토리 이미지 테두리 설정, 해제하기

위 이미지처럼 배경과 같은 색일 경우 구분해 줄 수 있는 테두리가 필요함

티스토리 관리 - HTML/CSS 편집 - CSS에서 수정할 수 있습니다.

- imageblock img 인 경우

테두리 설정할 경우 아래와 같이 1px, 2px로 굵기 지정

span.imageblock img {width: inherit; border: 1px solid #ccc} // 굵기, 모양, 색

테두리 해제는 border 0px 로 설정하거나 아얘 border ~ 부분을 빼면 됩니다.

span.imageblock img {width: inherit;}

- article img 인 경우

article img도 역시 해제할 경우에는 설정되어 있는 border 부분을 지우거나 0px로 설정

.article img { 1px solid #aabbcc }

색상 값은 여기서 얻을 수 있습니다. -- 네이버 html 색상표