hover1 [HTML, CSS] 마우스 커서 올릴 때 (오버) 효과주는 방법 - hover 1. hover CSS의 :hover 선택자를 사용해서 마우스를 요소 위에 올렸을 때 적용되는 스타일을 정의합니다. :hover는 링크, 버튼, 이미지 등 다양한 요소에 사용할 수 있습니다. 예시 hover 효과를 적용할 금색 div입니다. HTML 삽입 미리보기할 수 없는 소스 해당 요소의 style 클래스에 :hover를 추가합니다. .container { width: 200px; height: 200px; background: gold; } .container:hover { background: silver; } 이제 마우스 커서를 올리면 백그라운드 색상이 silver로 변합니다. (직접 마우스를 올려보세요) HTML 삽입 미리보기할 수 없는 소스 여러 가지 효과를 동시에 줄 수도 있습니다. .co.. 2019. 8. 10. 이전 1 다음