◆ 티스토리 블로그 이미지파일 테두리선 삭제 or 적용 방법
어떤 블로그를 운영하시든간, 포스팅에 이미지를 넣는 경우는 상당히 많은데요,
이미지를 넣을때 "테두리선"을 적용할지 말지를,
티스토리 html 스킨부분에서, style.css부분을 수정하면,
일괄적으로 적용할 수 있다는 사실 알고 계신가요^^??
물론, 어느정도 티스토리 블로그를 운영해온 분들이시라면 잘 아실테지만,
혹시 모르는 분들도 계실듯 싶어서, 간단한 포스팅으로,
티스토리 포스팅시 "이미지테두리 삭제 or 적용"방법에 대해 알아보도록 하겠습니다.
◇ 이미지 테두리 삭제 또는 적용 방법은?
1. 먼저 위의 이미지처럼, "관리"에서 "HTML/CSS편집"부분을 클릭하세요^^
그리고나서 "ctrl + f"로 "찾기"를 실행, 찾고자 하는 단어를 입력하신후 찾으시면 되는데요,
여기에 저처럼 "imageblock"를 입력하시면 됩니다.
그리고 "enter"를 누르게되면 style.css부분의 제가 표시해것처럼 imageblock을 찾으실수 있으실 겁니다.
2. imageblock부분을 찾으신 후 바로 그 옆의 border부분이 보이실텐데요^^
바로 이 부분의 숫자를 조정하시면 테두리를 없앨수도, 굵게 할수도 있습니다.
*지금 위의 이미지를 보면 1px로 설정되어 있는 것을 확인하실수 있으실텐데요,
요 숫자를 0으로 바꾸면 이미지 테두리를 삭제할 수 있으며,
요 숫자를 다른 큰 숫자로 바꾸시면 이미지 테두리를 굵게 잡아줄수도 있습니다.
3. 그리고 여기에, border 옆에 쪽의 padding부분의 숫자를 조절하면
이미지와 테두리 사이의 간격 역시 조절이 가능한데요,
저는 border :1px 그리고 padding : 3px로 조절해 보았습니다.
*아래의 이미지를 확인하세요^^(border :1px, padding : 3px)
＃간단하게 위의 방법을 간추려 설명드리면 아래와 같습니다.
1. 티스토리 블로그 "관리자"페이지로 이동하세요.
2. "HTML/CSS편집" 부분을 클릭하세요.
3. "ctrl + f"기능으로 "imageblock"을 찾으세요.
4. imageblock부분 옆의 border의 숫자를 조절하면
이미지 테두리의 두께를 조절하거나 없앨수 있습니다.(숫자 0을 넣으면 없어지겠죠)
5. border옆의 padding부분의 숫자를 조절하시면, 이미지와 테두리사이의 간격 역시 조절이 가능합니다.
간단하게, 이미지테두리 설정을 삭제, 적용하는 방법에 대해 이야기해보았습니다.
잘 활용하셔서, 좀더 멋진 포스팅, 블로그 만드시길 바랄게요^^
감사합니다.
