HTML 태그 / A link 속성
• etc/• blog tip & utill / 2012. 9. 10. 13:24
< HTML 태그 / style 속 링크관련 속성 꾸미기 >
1. A:link / 모든 링크 걸린 부분의 스타일을 꾸며준다.
2. A:visited / 방문했던 링크의 스타일을 꾸며준다.
3. A:hover / 마우스가 링크 위에 올라갔을때 스타일을 꾸며준다. (마우스 오버시 스타일)
4. A:active / 마우스로 링크를 눌렀을 당시의 스타일을 꾸며준다.
* 스타일에 적용한 예문 *
<html>
<head>
<title>link 관련 스타일 속성 예문</title>
<style>
A:link{color:black; font-size:9pt;}
A:visited{color:red; font-size:9pt;}
A:hover{color:yellow; font-size:9pt;}
A:active{color:blue; font-size:9pt;}
</style>
</head>
<body>
<!-- 링크로 꾸밀 부분을 입력 -->
<a href="링크걸 웹주소">링크로 꾸밀 부분을 입력</a>
</body>
</html>
- 티스토리
- 디스커스