Notice
Recent Posts
Recent Comments
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
| 29 | 30 | 31 |
Tags
- 옴니아2
- HP
- Ajax
- USB 레지스트리
- 이클립스 설정
- 오좀니아
- 한메일 pop
- 이클립스 플러그인
- DDos 전용 백신
- 오즈 옴니아
- 윈도우 7
- HP 신제품
- VMwareTools
- 한메일 smtp
- XP 설치
- 한메일
- PDA
- IE8
- Windows 7
- 이클립스
- Internet Explorer 8
- Live Mesh
- IE 8
- VMware
- 삼성 메모리
- ddos
- 파블애드
- 파워블로그
- jQuery
- php
Archives
- Today
- Total
엉망진창
하이퍼 링크 글자 색 각각 다르게 하는 법 본문
a.best:link {color:#777777;text-decoration:none}
a.best:visited {color:#777777;text-decoration:none}
a.best:active {color:#3a7cbf;text-decoration:none}
a.best:hover {color:#3a7cbf;text-decoration:none}
a.channel:link {color:#efefef;text-decoration:none}
a.channel:visited {color:#efefef;text-decoration:none}
a.channel:active {color:#777777;text-decoration:none}
a.channel:hover {color:#777777;text-decoration:none}
스타일 소스에 body 전체에 적용될 기본적인 스타일 소스외에 위와같이 class 이름을 적용하시고 소스를 구성하셔서 해당 링크 태그에 아래와같은 방식으로 각각의 class 이름을 적용하시면 됩니다
<a href="링크 경로" class="best" onfocus="this.blur()">글자</a>
<a href="링크 경로" class="channel" onfocus="this.blur()">글자</a>
링크된 글자에 생기는 밑줄은 text-decoration:none 으로 제어됩니다
링크된 글자나 이미지를 클릭시에 생기는 사각점선은 onfocus="this.blur()" 으로 제어됩니다
'Study_Web > Ajax' 카테고리의 다른 글
| 여러가지 툴팁 모음 (0) | 2009.05.18 |
|---|---|
| Ajax 마스터하기(한국 developerWorks) (2) | 2008.06.24 |
| JS 이미지 효과 스타일 (0) | 2007.04.28 |
| 링크에 무지개 효과 (1) | 2007.03.13 |
| background 이미지 고정 (0) | 2007.02.22 |
'Study_Web/Ajax' Related Articles
more
