링크에 각각 다른 효과 주기

<head>와 </head> 사이에 아래 내용을 추가합니다.

<style>
<!--

A.mover1:hover {color:#529CFF; text-decoration:none}

A.mover2:hover {color:#90D133; text-decoration:underline}

A.mover3:hover {color:#FFDC74; text-decoration:underline overline}

-->
</style>

move1, move2, move3 라는 이름으로 각각 링크 속성

<body>와 </body>사이의 원하는 위치에 아래와 같이 링크합니다.

<a href="링크주소" class="mover1">아름다운세상</a>

<a href="링크주소" class="mover3">뮤직트로트</a>

<head>와 <head> 사이에 넣었던 move1, move2, move3 의 이름을 사용합니다.