17.CSS - 링크(link)스타일 지정

Godffs 2009. 7. 29. 02:43

링크 스타일 지정하는 방법입니다.

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>

17.링크(link)스타일 지정.htm