li 태그에 마우스 오버시 배경색과 글자색이 변하게 하려면 채택완료
프로그래머7
7년 전
조회 13,289
리스트(li 태그)가 아래처럼 있습니다.
마우스를 오버할때 해당 메뉴의 배경색이 검은색, 글자색은 흰색으로 변환시키고 싶습니다.
(1번재 시도) : 이렇게 하면 되긴 되는데..마우스를 사각형에 마우스오버해도 안되고 ..반드시 글자에 오버해야 원하는데로 되네요... 글자까지 가지않아도 사각형에 마우스오버하면 변하게 하고 싶습니다.
li:hover{background: black;color:white;}
li a:hover{color:white;font-weight:bold;}
어떻게 해야 합니까?
(2번째 시도) : 위의 조건을 다 지우고 아래처럼 하면 사각형 전체의 배경색이 아닌...링크 구분의 배경색만 변해서요..사각형 전체 배경색이 바뀌게 하려면 어떻게 하죠?
li a:hover{color:white;font-weight:bold;background: black;}
감사합니다^^
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
7년 전
li:hover{background: black;}
li:hover a { color: white; font-weight: bold }
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
프로그래머7
7년 전
감사합니다.^^ 해결되었습니다^^
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인