묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
CSS 관련 질문입니다.
2003.03.13 13:27
CSS에 관련한 질문입니다.
제로 보드 첫 페이지의 공지 사항 처럼,
게시물에 마우스 커서가 가면 밑줄이 나오게 하려고 합니다.
그래서 아래와 같이 css 를 만들었습니다.
a.menu:link {text-decoration:none;color:#009900;}
a.menu:hover {text-decoration:underline;color:#009900;}
위의 css 를 사용하여 아래의 링크를 test 해보면 처음에는 잘 나옵니다.
<a href="http://www.yahoo.co.kr" class="menu">야후...</a>
그러나 야후를 클릭한 후 다시 첫 페이지로 돌아오면
야후 글씨가 처음에 설정했던 색상이 아닌 보라색(밑줄 포함)으로 변해 버립니다.
혹시나 해서
visited 를 사용해서 방문된 페이지를 처음에 색상으로 하려고 아래의 내용을 추가 했는데
a.menu:visited {text-decoration:none;color:#009900;}
그러면 야후 글씨에 마우스를 가져다 놓았을 때 밑줄이 표시되지 않습니다.
어떻게 해야 해결할 수 있는지 답변 부탁드립니다.
수고하세요.
제로 보드 첫 페이지의 공지 사항 처럼,
게시물에 마우스 커서가 가면 밑줄이 나오게 하려고 합니다.
그래서 아래와 같이 css 를 만들었습니다.
a.menu:link {text-decoration:none;color:#009900;}
a.menu:hover {text-decoration:underline;color:#009900;}
위의 css 를 사용하여 아래의 링크를 test 해보면 처음에는 잘 나옵니다.
<a href="http://www.yahoo.co.kr" class="menu">야후...</a>
그러나 야후를 클릭한 후 다시 첫 페이지로 돌아오면
야후 글씨가 처음에 설정했던 색상이 아닌 보라색(밑줄 포함)으로 변해 버립니다.
혹시나 해서
visited 를 사용해서 방문된 페이지를 처음에 색상으로 하려고 아래의 내용을 추가 했는데
a.menu:visited {text-decoration:none;color:#009900;}
그러면 야후 글씨에 마우스를 가져다 놓았을 때 밑줄이 표시되지 않습니다.
어떻게 해야 해결할 수 있는지 답변 부탁드립니다.
수고하세요.
댓글 2
-
커터칼
2003.03.13 15:38
-
코코푸르나
2003.03.13 15:42
a.menu{text-decoration:none; color:green}
a.menu:hover{text-decoration:underline; color:green}
<a href="http://www.yahoo.co.kr" class="menu">야후...</a>
잘되는데요??
link
visited
hover
이렇게 순서를 바꾸세요.