img 말고 figure, div 태그 내 style로 이미지를 조작하자
img태그를 이용해서 움직이고 자르는 작업은 굉장히 불편하다. img 태그 하나만 망치면 모르겠는데 관련된 태그가 다 어긋나는 등 굉장히 짜증나는 상황도 발생한다. 이럴 경우 필자는 figure 태그 내부에 background-image를 style로 줌으로써 해결한다. background-size, background-position, background-repeat 등을 사용할 수 있기 때문이다. img에서 벗어나자! .user-photo { width: 50px; height: 50px; border: 1px solid grey; border-radius: 50%; background-color: gold; background-repeat: none; background-position: cente..