링크마다 각기 다른 css 효과 주기
본문
<head>와 </head> 사이에 아래 소스를 추가합니다.
<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>
link1, link2, link3 라는 이름으로 각각 링크 관련 속성을 줍니다.
link4, link5...계속 추가할 수 있습니다.
<body>와 </body>사이의 원하는 위치에 아래와 같은 식으로 각각 링크합니다.
<a href="(원하는 문서 이름)" class="link1">aaaaaaa</a>
<a href="(원하는 문서 이름)" class="link2">bbbbbbb</a>
<a href="(원하는 문서 이름)" class="link3">ccccccc</a>
<head>와 <head> 사이에 넣었던 link1, link2, link3 의 이름을 여기서 사용합니다.
출처 : http://www.aircon1004.com/data/bbs/board.php?bo_table=pds1&wr_id=51
<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>
link1, link2, link3 라는 이름으로 각각 링크 관련 속성을 줍니다.
link4, link5...계속 추가할 수 있습니다.
<body>와 </body>사이의 원하는 위치에 아래와 같은 식으로 각각 링크합니다.
<a href="(원하는 문서 이름)" class="link1">aaaaaaa</a>
<a href="(원하는 문서 이름)" class="link2">bbbbbbb</a>
<a href="(원하는 문서 이름)" class="link3">ccccccc</a>
<head>와 <head> 사이에 넣었던 link1, link2, link3 의 이름을 여기서 사용합니다.
출처 : http://www.aircon1004.com/data/bbs/board.php?bo_table=pds1&wr_id=51
관련링크
댓글목록
등록된 댓글이 없습니다.