주간 베스트 월간 베스트 3개월 베스트 베스트 게시물
연길시 신화서점 조선말 도서

하이퍼링크 각각 다른효과

광수 | 2001.10.16 14:22:15 댓글: 0 조회: 331 추천: 14
분류컴관련 강좌·팁 https://life.moyiza.kr/itstudy/1747051


하나의 스타일(css)로 각각의 링크에 전부 다른 효과를 보여줄수있뜸당... 싱기 ? 안싱기 (__!)?;;
<head> 와 </head> 사이에 아래 소스를 삽입하세요.
<style type="text/css">
<!--
A:link   { text-decoration:none; }
A:visited   { text-decoration:none; }
A:active    { text-decoration:none; }
A.n:hover    { text-decoration:none; color:#ff0000; }
A.n1:hover   { color:#eeeeee; text-decoration:underline overline; }
A.n2:hover   { background:#000000; color:#eeeeee; text-decoration:none; }
//-->
</style>  
A:link - 방문한 적이 없는 링크
A:visited - 방문한 적이 있는 링크
A:active - 마우스를 눌렀을 때의 링크 상태
A:hover - 마우스가 링크 위에 올라갔을 때

n, n1, n2 각각의 링크 hover 에 이름을 정하여 줍니다. n3, n4, n5... 계속 추가 가능

--------------------------------------------------------------------------------

<body> 와 </body> 사이의 원하는 위치에 아래와 같은 식으로 각각 링크합니다
<a href="링크.htm" target="_blank" class="n">모이자</a>
<a href="링크.htm" target="_blank" class="n1">모이자</a>
<a href="링크.htm" target="_blank" class="n2">모이자</a>  
추천 (14) 선물 (0명)
IP: ♡.156.♡.178
3,006 개의 글이 있습니다.
제목 글쓴이 날짜 조회
관리자
2003-09-20
11830
관리자
2003-09-20
11379
관리자
2003-09-20
20505
지구인
2010-08-27
19312
지구인
2009-09-07
13631
SOLIDH
2010-01-29
15587
엔죠라이프
2004-10-07
16688
광수
2001-10-16
331
광수
2001-10-16
755
광수
2001-10-16
408
광수
2001-10-16
861
광수
2001-10-16
389
광수
2001-10-16
862
광수
2001-10-16
296
광수
2001-10-16
1100
광수
2001-10-16
468
광수
2001-10-16
510
광수
2001-10-16
364
광수
2001-10-16
341
광수
2001-10-16
274
광수
2001-10-16
427
광수
2001-10-16
314
광수
2001-10-16
403
광수
2001-10-16
319
광수
2001-10-16
373
광수
2001-10-16
367
광수
2001-10-16
520
광수
2001-10-16
387
모이자 모바일