구글 블로그 사진 이미지 테두리 박스 설정 방법

구글 블로그 사진이나 이미지에 테두리 박스를 설정하는 방법을 알려드리겠습니다. 사진이나 이미지에 배경이 흰색이고 페이지 배경도 흰색일 경우 이미지가 특정되지 않아서 보기 불편한데요. 그래서 이미지 테두리 박스를 설정해 두면 블로그 전체에 이미지에 적용되기 때문에 따로 사진마다 테두리설정을 안 해도 되는 편리함이 있습니다.

위에 이미지를 보시면 박스에 검정색 실선이 테두리 박스를 만드는 것이 보입니다. 방법은 간단한 게 Css를 추가해 주시면 되는데요. 테두리 박스는 본인이 원하는 사이즈로 조절해서 사용하시면 됩니다.

/* 이미지 박스 */
.post-body img {
border:1px solid #555555;
width: fit-content;
}

위에 코드를 넣어주시면 됩니다. 구글 블로그 스팟 관리자에 들어가서 [테마] - [html 편집]에서 [.post-body img {]를 찾아서 위에 코드처럼 넣어주시고 저장을 눌러주시면 끝입니다. 간단하게 찾는 방법은 컨트롤+f를 눌러서 위에 코드를 입력하면 쉽게 찾을 수 있습니다.

구글 이미지 테두리.txt

0.00MB

티스토리툴바