롤오버 시 배경색을 바꾸려면 어떻게 하나요?

텍스트 링크에 마우스를 올렸을 때 글자 주변 영역의 배경색을 바꾸고 싶어요.
링크에 배경색을 지정해도 글자 부분만 바뀌는데, 어떻게 해야 하나요?

댓글 5

  • 갈매빛 2026.05.05

    left_depth2가 a 태그의 클래스명인가요?
    a 태그에 클래스를 준 게 맞다면 위치는 맞아요. 혹시 span 같은 다른 요소에 클래스를 준 건 아닌지 확인해 보세요.
    다른 요소에 클래스를 줬다면 a 태그의 영역을 넓혀야 할 수 있어요.

  • 내꺼 2026.05.05

    a 태그에 display:block이나 inline-block을 지정해 보세요.
    a.left_depth2:hover에 배경색을 넣으면 됩니다.

  • 예다움 2026.05.05

    a 태그는 기본적으로 inline이라 내용만큼만 영역을 차지해요.
    display를 block이나 inline-block으로 바꾸면 배경색이 적용되는 영역도 넓어집니다.

  • 고딩 2026.05.05

    a:hover에 배경색을 지정하시면 돼요.

  • LimeTree 2026.05.05

    hover 상태에 배경색을 넣어주시면 됩니다.