728x90
반응형
각 마우스 포인터의 액션에 따른 태그의 형태를 지정할 수 있습니다.
1. a:link{
a 태그의 기본 속성을 지정할 때 사용합니다.
}
2. a:hover{
a 태그에 마우스 오버시 속성을 지정할 때 사용합니다.
}
3. a:visited{
방문한 경우의 속성을 지정합니다.
}
4. a:active{
누르는 순간을 지정합니다.
}
5. a: focus{
포커싱 되는 경우의 속성을 지정합니다.
}
5번의 경우에는 input태그 등이 다음 입력으로 인한 focus를 얻을 시 하이라이트를 주는 등의 액션에 이용될 수 있습니다.(예: 설문지, 이용약관 등)
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title></title>
<style media="screen">
a:link{
color:black;
}
a:visited{
color:red;
}
a:hover{
color:yellow;
}
a:active{
color:green;
}
input:focus{
border:1px solid red;
color:#9943fc;
}
</style>
</head>
<a href="https://opentutorials.org">방문함</a>
<a href="https://a.a">방문안함</a>
<input type="text" />
출처: https://rongscodinghistory.tistory.com/18 [악덕고용주의 개발 일기]
728x90
반응형
'Frontend > CSS' 카테고리의 다른 글
| 폰트 깜빡임 및 최적화에 관한 글 (0) | 2023.02.02 |
|---|
