CSS(스타일)로 A(하이퍼링크) 태그에 대한 속성을 정의해 줍니다.
텍스트 속성중 text-decoration 란 속성으로 링크의 기본속성인 밑줄 속성을 변경해 줍니다.
none 이란 속성값을 주면 밑줄을 나타내지 않지요.
text-decoration:none 이렇게 속성을 정의하며 링크에 대한 스타일 적용방법은 아래와 같습니다.
1) 스타일로 정의
<style type="text/css">
<!--
a:link { font-size: 9pt; text-decoration: none;}
a:visited { font-size: 9pt; text-decoration: none;}
a:active { font-size: 9pt; text-decoration: none;}
a:hover { font-size: 9pt; text-decoration: underline;}
-->
</style>
이렇게 정의해 주면 됩니다. 정의해 주는 부분은 <head> .. </head> 사이나
</head> 와 <body> 태그사이 또는 <body> 태그 아래에 정의해 줄 수 있음.
위와 같이 정의해 주면 페이지내 모든 링크부분에 적용이 됩니다.
위 스타일문에서 a:hover 부분에는 underline 으로 속성을 주었는데 링크에 마우스가 올라올 때
밑줄을 나타내도록 하기 위함입니다. 물론 none 값으로 주면 링크텍스트에 초기상태나 마우스를 올리거나
내릴 때 한번 클릭했던 링크텍스트에 모두 밑줄은 나타내지 않게 됩니다.
2. 일부 링크나 특정 링크에만 밑줄을 나타내지 않으려면 A 태그내에 스타일을 정의해 줍니다.
<A href="페이지 주소" style="text-decoration:none;"> 링크명 </a>
이렇게 정의해 주면 이 링크에만 밑줄을 나타내지 않게 됩니다.
※ 질문과 관련된 내용으로 아래 관련 목록을 한번씩 읽어보면 많은 도움이 됩니다...
[HTML 팁/길잡이] 게시판 : 28 번, 36 번 , 43 번, 97 번(응용)
참고로 링크된 텍스트나 이미지르 클릭시 주변에 사각점선이 생기게 됩니다.
이 점선도 나타나지 않도록 하려면 링크(A) 태그내에 아래와 같이 이벤트 코드를 하나 넣어줍니다.
0nfocus='this.blur()'
예시 : <A href="페이지 주소" 0nfocus='this.blur()'> 링크명 </a>
([HTML 팁/길잡이] 게시판 : 107 번 참조)