TISTORY 블로그 이미지 테두리를 없애보자!

'

 

 

TISTORY 블로그 이미지 테두리를 없애보자!

티스토리에 사진 이미지를 업로드 한 후 본문에 사진을 보면

이미지 테두리 및 패딩(공간)이 남아있던 모습에서,

이미지 테두리 없애고 굴기 생삭 등을 변경하는 방법에 대해 알아보겠습니다.

 

먼저, 티스토리 관리자 페이지(티스토리아이디.tistory.com/admin)로 접속합니다.

관리자 메뉴 중

HTML/CSS 편집   을 선택합니다.

 

 

선택을 하게 되면 아래와 같은 화면에서, style.css  소스 부분을 클릭 한번 해주고

단축키 ctrl + f 검색을 통해 imagebox  부분을 찾으세요.

   .imageblock  img    { border:1px solid #cccccc;}

 아래와 같이 해당 imageblock 이 검색되었습니다.

각 블로그에 적용되는 스킨에따라 style.css 가 다를 수 있으니 비슷한 부분을 찾으시면 됩니다.

 

자 이제 적용하는 옵션에 대해 알아볼까요?

padding: 0px 에서  0px는 이미지 테두리의 여백입니다.

테두리를 없애고 싶으시면 0으로, 테두리를 넣고싶으면 해당 값만큼 넣어주시면 됩니다.

border: 0px 에서 0px는 이미지 테두리의 굵기입니다.

테두리를 없애고 싶으시면, 0으로 설정하시고 굵기를 크게 입력하시면 이미지 테두리의 굵기가 커집니다.

solid는 선의 종류 옵션이고 #cccccc 는 선 색상코드입니다.

backgorund-color는 배경색 지정입니다.

 

옵션의 차이를 비교 해볼까요?

< padding : 10px, border : 1px >

 

< padding : 0px, border : 0px >  

 

정보가 도움이 되셨나요?

더 많은 사람과 정보 & 공감을 위해 아래  view on 손가락  꾸~욱 눌러주세요!

 

'