CSS 기초강좌 - 링크(Link)
html 에서 링크를 하여 다른 페이지로 이동하고 싶다면
<a>라는 태그를 사용 합니다.
형식은 <a href="이동 할 페이지 주소">페이지가 이동 합니다.</a> 됩니다.
링크를 하게 되면 링크한 글자에 색상이 바뀌고 밑줄이 선이 자동으로 나타나게 되는데요
css 에서 해당 속성들을 없애거나 바꿀 수 있습니다.
Part05 / 링크(Link)
아래의 소스처럼 입력해 봅니다
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>링크(Link)</title>
<style>
/* 기본 링크상태, 한번도 브라우저로 방문한 적이 없는 상태 */
a:link {
color: #FF0000;
}
/* 최소 한번이상 클릭하여 방문한 상태 */
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>
</head>
<body>
<a href="http://www.naver.com" target="blank">네이버로 바로가기</a>
</body>
</html>