첨부한 HTML과 CSS처럼 박스에 마우스를 올리면 테두리가 생기고 오른쪽 박스가 바뀌게 만들고 싶어요.
왼쪽에 마우스를 올리면 메뉴가 조금씩 움직이고, 오른쪽 테두리도 숨겨지지 않네요.
어떤 부분을 수정해야 할지 도움 부탁드립니다.
마우스 오버할 때 테두리가 생기는 박스가 움직여요
환찬 2024.12.19 댓글 4
환찬 2024.12.19 댓글 4
첨부한 HTML과 CSS처럼 박스에 마우스를 올리면 테두리가 생기고 오른쪽 박스가 바뀌게 만들고 싶어요.
왼쪽에 마우스를 올리면 메뉴가 조금씩 움직이고, 오른쪽 테두리도 숨겨지지 않네요.
어떤 부분을 수정해야 할지 도움 부탁드립니다.
김슬픔 2024.12.19
마우스 오버 때 z-index를 올려 CSS 요소가 위에 보이게 한 것 같아요. 아직 자세히 확인해보진 않았습니다.
초시계 2024.12.19
기본 테두리를 회색으로 두고, 오버할 때 같은 CSS에서 색만 바꾼 다음 z-index를 올렸다는 말씀이신가요?
늘봄 2024.12.19
빨간 테두리를 주고 포지션과 z-index를 이용해 위로 올린 것 같아요.
수국 2024.12.19
오버하면 테두리가 두 줄이 되니 움직일 수밖에 없을 것 같아요.