home.html 파일에서 지정한 home.css 라는 이름으로 stylesheet 작성

home.html 템플릿 파일에서 style 적용이 필요한 항목

home.css

### 위치 이동
cd /Users/user/test/django/project/web/static/css

### home.css
vi home.css

---

div#content_home {
    position: absolute;
    top: 80px;                                      
    left: 110px;
    right: 110px;
}

div#homeimg {
    background: #add;
    padding: 5px 0 1px 0;
    text-align: center;
}

• div#content_home { : content_home 영역에 대한 스타일을 지정
• position: absolute; : top, left, right 속성으로, content_home 영역의 위치 및 너비를 지정
• div#homeimg { : homeimg 영역에 대한 스타일을 지정
• background: #add; : homeimg 영역의 배경색, 안쪽 여백, 그림의 위치 등을 지정

home.css 수정 확인

참고 자료

• https://product.kyobobook.co.kr/detail/S000001810194