묻고답하기
하이퍼링크에 효과를 부분마다 다르게 주고 싶습니다.
2003.09.26 17:51
<style type="text/css">
<!--
A:link {color:#000000; text-decoration:none}
A:visited {color:#000000; text-decoration:none }
A:active {color:#000000; text-decoration:none}
A:hover {color:#000000; text-decoration:none}
-->
</style>
이걸 <head>와 </head>사이에 넣어서 링크된 부분에 효과를 주는데요. 이렇게 하니까 한페이지 전체에 적용되서 부분적으로 효과를 다르게 주는 것이 어렵네요.
각 부분마다 이 효과를 따로따로 주고 싶습니다. 어떻게 하면 좋을까요?
CCS에서 클래스를 이용하는 것 같은데 자세하게 잘 모르겠습니다.
도와주세요.
<!--
A:link {color:#000000; text-decoration:none}
A:visited {color:#000000; text-decoration:none }
A:active {color:#000000; text-decoration:none}
A:hover {color:#000000; text-decoration:none}
-->
</style>
이걸 <head>와 </head>사이에 넣어서 링크된 부분에 효과를 주는데요. 이렇게 하니까 한페이지 전체에 적용되서 부분적으로 효과를 다르게 주는 것이 어렵네요.
각 부분마다 이 효과를 따로따로 주고 싶습니다. 어떻게 하면 좋을까요?
CCS에서 클래스를 이용하는 것 같은데 자세하게 잘 모르겠습니다.
도와주세요.
설명을 드리면, 어려울 태니, 직접 예제를 보여드리겠습니다.
<html>
<style type="text/css">
<!--
.aa:link {color:#100000; text-decoration:none}
.aa:visited {color:#dd0000; text-decoration:none }
.aa:active {color:#100000; text-decoration:none}
.aa:hover {color:#dd0000; text-decoration:none}
-->
</style>
<head>
<a class=aa href=http://123.com>링크</a>
</body>
</html>
보충설명 드리겠습니다.
하이퍼 링크에 aa라는 클래스이름을 넣었습니다.
스타일 시트에 .aa라고 하면, 클래스 aa에 한정되게, 스타일을 넣어주실 수 있습니다.
심지어 하이퍼링크 a 태그라도, 클래스마다 다르게 넣어주실 수 있습니다 ^^