나보단 잘하자

어떤 모양에 포토샵의 마스크처럼 사진을 덮어 씌우고 싶다면 아래와 같은 방법을 쓴다. 위의 검정색 부분(.container)을 사진(img)으로 채워보자. 저 사진을 이용한 이유는 사진의 width, height 구별을 위함임. index.html sample.css * { margin: 0; padding: 0; box-sizing: border-box; } body { display: flex; align-items: center; justify-content: center; height: 100vh; } section { display: flex; align-items: center; justify-content: center; height: 80vh; width: 100%; background: ..