CSS 위치 지정을 사용하여 네 모서리에 모두 이미지 넣기

웹 페이지의 네 귀퉁이에 자리잡은 이미지를 갖는 것은 매우 멋진 효과가 될 수 있습니다. CSS를 사용하면 다른 페이지 내용에 영향을 주지 않고 이 위치를 쉽게 지정할 수 있습니다. 네 가지를 모두 사용하지 않으려면 사용할 모서리를 선택하고 선택할 수도 있습니다. 여기 기본 이론이 있습니다.

#upper_left {
   position: absolute;
   top: 0;
   left: 0;
}
#upper_right {
   position: absolute;
   top: 0;
   right: 0%;
}
#lower_left {
   position: absolute;
   bottom: 0%;
    left: 0;
}
#lower_right {
   bottom: 0%;
    right: 0%;
     position: absolute;
}

[라이브 예시]

[다운로드 예제]