[CSS]링크에 각각 다른효과주기

<style type="text/css">
a.link1:hover {color:#529CFF; text-decoration:none}
a.link2:hover {color:#90D133; text-decoration:underline}
a.link3:hover {color:#FFDC74; text-decoration:underline overline}
</style>

 

<a href="webmini01.html" class="link1">웹미니1</a>
<a href="webmini02.html" class="link2">웹미니2</a>
<a href="webmini03.html" class="link3">웹미니3</a>

 

실제로 적용시 class 명을 의미있는 네이밍을 해주시는게 차후에 수정하기 용이합니다.