기 타 html 잘 아시는 분 계신가요?
2016.12.28 21:56
예를들면
html 문서에
윈도우포럼 이라는 단어에 windowsforum.kr 주소링크를 걸어 놓았습니다.
마우스로 클릭하면 해당 주소 윈도우포럼 으로 이동하는데요
이때 클릭시 색깔이 반전 되거나 아니면 롤오버? 라고 하나요.클릭시 들어갔다 나오는 효과? 를
태그? 가 어떻게 될까요.;;
댓글 [3]
-
ee_do 2016.12.28 22:46
방법은 매우 많으며, 간단한 효과는 css만 가지고도 구현할 수 있습니다.제 페이지의 사이드 메뉴 링크를 예를 들자면 다음과 같습니다..sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{text-decoration: none;color: white;}.sidebarmenu ul li a:visited{color: white;}.sidebarmenu ul li a:hover{background-color: black;} -
한라산호랭이 2016.12.28 22:50
<!doctype html>
<head>
<meta charset="UTF-8"><style>
/* 기본 링크상태, 한번도 브라우저로 방문한 적이 없는 상태 */
a:link {color: #000000;}/* 최소 한번이상 클릭하여 방문한 상태 */
a:visited {color: #00FF00;}
/* 링크 위에 마우스를 올렸을 때 */
a:hover {color: #FF00FF;}
/* 링크를 마우스로 클릭했을 때 */
a:active {color: #0000FF;}
/* 링크에 스타일 속성 없애기*/
a:link {text-decoration: none;}
/* 최소 한번이상 클릭하여 방문한 링크에 스타일 속성 없애기*/
a:visited {text-decoration: none;}
/* 링크 위에 마우스를 올렸을 때 스타일 속성 없애기 */
a:hover {text-decoration: underline;}
/* 링크를 마우스로 클릭했을 때 스타일 속성 없애기 */
a:active {text-decoration: underline;}
</style><title>윈포 바로가기</title>
</head>
<body>
<a href="https://windowsforum.kr" target="blank">윈포 바로가기</a>
</body>
</html> -
갓글 2016.12.29 14:03 감사합니다.^^