테스트 사이트 - 개발 중인 베타 버전입니다

CSS Links 스타일 링크

· 8년 전 · 1868

CSS Links 

스타일 링크

링크는 모든 CSS 속성 (예와 스타일 수 color, font-family, background등).

 

a {

    color: hotpink;

}

 

<!DOCTYPE html>

<html>

<head>

<style>

a {

    color: hotpink;

}

</style>

</head>

<body>

 

<p><b><a href="default.asp" target="_blank">This is a link</a></b></p>

 

</body>

</html>

 

 

 

또한 링크의 상태 에 따라 다르게 스타일을 지정할 수 있습니다 .

 

네 개의 링크 상태는 다음과 같습니다.

 

a:link - 정상적인 방문하지 않은 링크

a:visited - 사용자가 방문한 링크

a:hover - 사용자가 마우스를 올려 놓을 때의 링크

a:active - 클릭 한 순간의 링크

 

/* unvisited link */

a:link {

    color: red;

}

 

/* visited link */

a:visited {

    color: green;

}

 

/* mouse over link */

a:hover {

    color: hotpink;

}

 

/* selected link */

a:active {

    color: blue;

}

 


 

 

<!DOCTYPE html>

<html>

<head>

<style>

/* unvisited link */

a:link {

    color: red;

}

 

/* visited link */

a:visited {

    color: green;

}

 

/* mouse over link */

a:hover {

    color: hotpink;

}

 

/* selected link */

a:active {

    color: blue;

}

</style>

</head>

<body>

 

<p><b><a href="default.asp" target="_blank">This is a link</a></b></p>

<p><b>Note:</b> a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective.</p>

<p><b>Note:</b> a:active MUST come after a:hover in the CSS definition in order to be effective.</p>

 

</body>

</html>


댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
3087
3086
3085
3084
3083
3082
3081
3080
3079
3078
3077
3076
3075
3074
3073
3072
3071
3070
3069
3068
3067
3065
3064
3063
3062
3061
3060
3059
3058
3057