반응형
링크 스타일 지정하는 방법입니다.
- A : link{ 스타일 } : 처음 방문 링크 색상
- A : visited { 스타일 } : 방문 후 링크 색상
- A : active { 스타일 } : 클릭하는 순간의 색상
- A : hover { 스타일 } : 링크에 마우스 포인터 올려놨을때의 색상, 테두리 스타일
예제입니다.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
a:link { color:Black; text-decoration:nono;}
a:visited { color:Red; text-decoration:overline;}
a:active { color:White; background-color:Black;}
a:hover { font-size:15px; border:1px dotted red;}
</style>
</head>
<body>
<a href="http://godffs.tistory.com">준철이 블로그</a>
</body>
</html>
<head>
<title></title>
<style type="text/css">
a:link { color:Black; text-decoration:nono;}
a:visited { color:Red; text-decoration:overline;}
a:active { color:White; background-color:Black;}
a:hover { font-size:15px; border:1px dotted red;}
</style>
</head>
<body>
<a href="http://godffs.tistory.com">준철이 블로그</a>
</body>
</html>
17.링크(link)스타일 지정.htm반응형
'jQuery | javascript | CSS' 카테고리의 다른 글
| 19.CSS - 나만의 스타일시트 (0) | 2009.07.29 |
|---|---|
| 18.CSS - 스크롤바-스타일 지정 (0) | 2009.07.29 |
| 16.CSS - 마우스커서관련 (0) | 2009.07.29 |
| 15.CSS - 배경관련스타일 (0) | 2009.07.29 |
| 14.CSS - 테두리외각선 (0) | 2009.07.29 |
Comments