채택완료
이 CSS 코드의 문제점을 좀 살펴봐 주셨으면 합니다.
Copy
<style tyle="text/css"> #aside {float:left;margin:0 0 0 0;width:180px;font-size:12px;} #aside a {display:inline-block;padding:0 10px;height:28px;color:#000;letter-spacing:-0.1em;line-height:2.4em; font-size:12px;} #aside a:focus, #aside a:hover, #aside a:active {text-decoration:underline; font-size:12px; color:#FFF; background-color:#900;} #focus {text-decoration:underline; font-size:12px; color:#FFF; background-color:#900;}</style><div id="aside"> <div style="font-size:18px;font-weight:bold;margin-bottom:15px;width:180px">About</div> <a href="#"> <div id="focus" style="width:180px;margin-bottom:10px;">About</div></a> <a href="#"> <div style="width:180px;margin-bottom:10px;">Technology</div></a> <a href="#"> <div style="width:180px;margin-bottom:10px;">Products</div></a> <a href="#"> <div style="width:180px;margin-bottom:10px;">World of Asia</div></a> <a href="#"> <div style="width:180px">Contact us</div></a> </div>
문제점은 focus 상태와 mouse over 상태가 다르다는 겁니다.
답변 4개 / 댓글 1개
채택된 답변
+20 포인트
저는 초보이긴 하지만,
링크 태그안에 div를 넣은 자체가 좀 이상해 보이고,,,
about에만 id="focus"를 넣은것도 이상해 보이고.....
그냥
<ul>
<li></li>
</ul>
태그를 사용하시면 편할것 같은데요.....
답변을 작성하려면 로그인이 필요합니다.