반응형
- 소 스 -
<HEAD>
<TITLE> 링크에 밑줄 없애기 </TITLE>
<style type="text/css">
a:link { color: red; text-decoration: none;}
a:visited { color: black; text-decoration: none;}
a:hover { color: blue; text-decoration: underline;}
a:link { color: red; text-decoration: none;}
a:visited { color: black; text-decoration: none;}
a:hover { color: blue; text-decoration: underline;}
</style>
- 해 석 -
style 소스의 type = text를 제어하는 css로 한다.
a:link : 클릭하지 않은 링크
a:visited : 한번 클릭했던 혹은 다녀갔던 링크
a:hover : 링크를 클릭하려고 마우스를 가져갔을 때
decoration : 밑줄
none : 없는 상태
underline : 있는 상태
a:active : 링크부분에서 마우스를 누르고 있는 동안의 상태
- 해 석 -
style 소스의 type = text를 제어하는 css로 한다.
a:link : 클릭하지 않은 링크
a:visited : 한번 클릭했던 혹은 다녀갔던 링크
a:hover : 링크를 클릭하려고 마우스를 가져갔을 때
decoration : 밑줄
none : 없는 상태
underline : 있는 상태
a:active : 링크부분에서 마우스를 누르고 있는 동안의 상태
출처: http://it77.tistory.com/126 [시원한물냉의 사람사는 이야기]
반응형
'프로그램 관련 > jquery&jsp&HTML' 카테고리의 다른 글
| table 나란히 옆으로 출력하기 (0) | 2019.08.09 |
|---|---|
| jquery 노드찾기, jquery 접근자 (0) | 2019.01.29 |
| HTML-CSS] 마우스 가져갔을 때에만, 밑줄(언더라인) 표시; Mouse Hover Underline (0) | 2019.01.03 |
| 노드js 가상호스트 이용하기, node.js 가상호스트 (0) | 2018.12.20 |
| Express.js 서버로 업로드 한 Excel 파일을 JSON 형식으로 변환하기 (0) | 2018.12.20 |