HTML 7강. 백그라운드 이미지

이미지를 넣을 때 div박스를 만들어 안에 넣는 것이 좋다. 이미지를 감싸는 박스로 고정되어 있으면 이미지의 크기가 조금만 바뀌어도 이미지가 손상될 일이 없다. 박스 안에 이미지를 넣는 방법은 다양하다. 우선 div태그 안에 이미지 태그를 사용해서 넣어볼 것이다. 자세히 보면 img_box 박스를 넘어서 이미지가 들어간 것을 볼 수 있다. 여기서 여러 가지 속성을 써보자. overflow:hidden; 박스를 넘어가는 사진을 잘라버리는 css 속성이다. (overflow:visible; 디폴트) 이미지 전체 화면을 넣기 위해 이미지에 클래스를 만들어줘서 width: 100% height : 100% 해주면 박스 크기에 맞게 이미지 크기가 변한다. 하지만 이미지의 비율이 깨지고 손상되기 때문에 좋은 방법은..