블로그 화면에 배경꾸미기 팁

블로그 화면 여백에 내가 원하는 이미지를 배경으로 사용하고 싶은때가 많으시죠. 그래서 간단한 팁을 공유해 드리겠습니다. 

우선 사용하고자하는 이미지를 '메뉴에서 꾸미기 ->  HTML/CSS편집 -> 파일업로드' 로 들어가셔서 파일을 업로드합니다. (파일이름을 기억하시고)

HTML/CSS편집으로 돌아오셔서 style.css 영역으로 가셔서 'body {' 로 시작하는 부분을 찾으셔서

background-image 속성에 방금전에 업로드한 이미지 이름을 입력해주시면됩니다.

style.css

body {

background-color: #fff;

background-image: url(images/upload_image.jpg);

background-repeat: no-repeat; /* repeat 은 반복 */

background-attachment: scroll /* fixed 는 스크롤고정 */

}

여기서 background-color 는 이미지로 채워지지 않는 부분의 공간을 해당 색으로 채우는 기능이고

background-repeat 은 이미지를 반복시킬지 반복시키지 않을지를 결정합니다.

background-attachment 이미지가 첨부되었을때 해당배경이 스크롤에 따라 이동하거나 고정하는 옵션입니다. fixed로 하게되면 마치 배경이미지는 그대로 있고 컨텐츠면 스크롤되는 효과를 줄수 있습니다.

궁금하신게 있으시면 댓글로 문의해 주세요~ㅎ