[블로그]티스토리 사진 이미지 테두리 설정/삭제하기 티스토리 블로그 꾸미기

애드센스를 하고 있다면 게시글을 올릴 때 중요한 점 중 하나가

광고와 게시글의 이미지가 혼동이 오지 않게 해야한다.

광고를 게시글 위아래로 배치를 하면 상관 없지만

게시글 중간 중간 광고를 배치한다면

보는 사람으로 하여금 이것이 광고인지~ 게시글의 이미지인지 헤깔릴수 있기에

게시글의 이미지 테두리를 굵게 설정을 해서 

광고와 게시글이미지를 구분하는 것이다 !!!!!!

※전체 이미지가 아닌

본문 이미지 사진만 테두리를 적용하는 방법입니다

" 티스토리 사진 이미지 테두리 설정/삭제하기 티스토리 블로그 꾸미기"

1.먼저 블로그 관리의 꾸미기<스킨편집<html편집<CSS에 들어간다

2. 아래의 소스를 입력하고 적용하면 된다. (끝)

.area_view img{

border:8px outset rgba(44,134,204,0.67);

border-radius:5px;

}

각자가 원하는 테두리의 두께, 색깔, 테두리모서리의 둥근정도를 설정할수 있으며

숫자가 클수록 테두리의 두깨가 두꺼워진다.

테두리를 하는 목적이 광고와 이미지 사이의 구분을 위한 것이기 때문에

테두리를 8px로 두껍게 설정했다.

원하는 테두리 색의 RGB 숫자를 순서대로 입력하면 된다.

(색깔의 RGB는 검색창에 '색상표'라고 검색하면 바로 찾을 수 있으니 참고)

border-radius를 크게 할수록 테두리의 모서리가

둥글둥글하게 설정된다.

조금씩 숫자를 수정하면서 적용시켜서 

본인이 원하는 테두리를 설정하면 끝 ~ㅎㅎ