태그코리아 - http://www.tagkorea.pe.kr

태그코리아

[야후에서도 못찾아?? 그럼.. 캐넌이 찾아주까??..^^;]



    
H O M E
회원가입인사
태그게시판
자유게시판
추천사이트
실시간채팅방
  태 그 연 습 장



자연을 닮은 사람들
수원개인용달

홈페이지 태그[Tip]

www.tagkorea.pe.kr


[css] 링크마다 다른 색상 효과주기 조회수 : 2,167, 2009-07-09 01:07:33
tagkorea
스타일시트를 이용해서 링크에 마우스 오버시 다른색상이 나오도록하는 소스입니다.
얼마던지 응용이 가능한 소스이므로 소스의 특성을 파악해 보시길 바랍니다^^



<head> 와 </head>사이에 아래소스를 삽입합니다.


<style type="text/css">
<!--
a.link1:hover {color:skyblue; text-decoration:none}
a.link2:hover {color:red; text-decoration:none}
a.link3:hover {color:pink; text-decoration:none}
-->
</style>



링크는 아래와 같은 형태로 <body> 와 </body>사이에 넣어주시면 됩니다.



<a href="http://www.tagkorea.pe.kr" class="link1">하늘색 링크1</a>

<a href="http://www.tagkorea.pe.kr" class="link2">빨간색 링크 2</a>

<a href="http://www.tagkorea.pe.kr" class="link3">핑크색 링크 3</a>



태그연습장에서 연습해 보시길 바랍니다.






댓글댓글 : 1 인쇄 추천 목록
정하영 2009-07-26 16:50:24  
감사합니다


번호 제목 작성자 작성일 추천수 조회수
50  [css] 모든 스크롤바 사용유무 정의하기 총정리  tagkorea 2009/07/09 75 1493
 [css] 링크마다 다른 색상 효과주기 덧글1  tagkorea 2009/07/09 106 2167
48  [css] 아이프레임 사용시 가로 스크롤바 없애기 덧글1  tagkorea 2009/07/09 119 1508
47  [css] 웹폰트 적용하기  tagkorea 2009/07/09 77 1983
46  [css] 선 태그 활용하기  tagkorea 2009/07/04 91 1860
45  링크태그에 onfocus=this.blur() 쓰기 덧글2  tagkorea 2009/07/04 87 1716
44  스크롤바 없애기  tagkorea 2009/07/04 102 1824
43  홈페이지에 오늘 날짜와 요일 출력하기 소스  tagkorea 2009/07/04 98 2619
42  문서 안에서 다른 문서를 불러오는 IFRAME 태그  tagkorea 2009/07/03 94 2397
41  프레임 화면의 테두리를 점선으로 만들기  tagkorea 2009/07/03 111 1743
40  점선 TEXTAREA 폼 만들기 소스 덧글1  tagkorea 2009/06/28 132 1473
39  [css] 테이블 한쪽면을 흐리게 하기  tagkorea 2009/06/22 106 1789
38  [css] 이미지에 테두리 없에기  tagkorea 2009/06/22 45 1485
37  페이지의 여백 없애기 덧글1  tagkorea 2009/06/22 52 1852
36  이미지를 원하는 곳에 위치시키기 덧글1  tagkorea 2009/06/22 43 3210
Copyright 1999-2019 Zeroboard


- 태그코리아소개 - 광고문의 - 제휴문의 -

Copyright@ TAGKOREA 2000-2009 All Rights reserved.