css image gallery1 CSS image gallery CSS를 사용하여 이미지 갤러리를 만들 수 있다. CSS Image Gallery 여기에 이미지 설명 추가 여기에 이미지 설명 추가 여기에 이미지 설명 추가 여기에 이미지 설명 추가 div요소에 gallery 클래스에 float left, width 180px를 설정하여 너비가 180px 이미지 영역을 스타일을 정의한다. div요소에 gallery 클래스에 hover상태이면 border 1px solid #777색으로 현재 커서 위치와 이미지 선택이 어디인지를 알려준다. div 요소에 gallery 클래스에 img 요소는 width 100%, height auto로 설정하여 width 180px에 자동으로 높이가 조절이 된다. 위의 코드를 실행한 결과는 아래 그림과 같다. Responsive Image .. 2023. 9. 4. 이전 1 다음