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()" 으로 제어됩니다

_______________________________________________________________________________________________________________


스타일 시트(css)를 이용해서 합니다.
일반적으로 웹에디터를 이용해서 html 문서를 만들면 body 태그에 다음과 같이 몇 가지 요소들이 나타납니다.

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">

아래 부분을 </head> 바로 앞부분에 넣어주면 링크에 밑줄을 없앨 수 있습니다.

<style type="text/css">
A:link {color:blue;text-decoration:none}
A:visited {color:purple;text-decoration:none}
A:active {color:red;text-decoration:none}
A:hover {color:red;text-decoration:underline;}
</style>

color 부분을 유심히 보면 알 수 있듯이 다음과 같이 매치가 됩니다.

A:link : link (하이퍼 링크되어 있는 text의 속성 지정)
A:visited : vlink (방문한 적이 있는 하이퍼 링크의 속성 지정)
A:active : alink (하이퍼 링크를 클릭하는 순간의 속성 지정)
A:hover : 없음. (하이퍼 링크 위에 마우스를 올려놓았을 경우의 속성 지정)

위의 예를 보면 A:hover 에는 다음과 같은 세가지 속성이 있습니다.

color:red; (그냥 색상을 지정하면 됩니다.)
text-decoration: (underline을 사용하면 하이퍼링크에 밑줄이 생기고 none은 생기지 않습니다.)

more : 개그이야기-http://ezstock.kr 우린친구닷컴-http://urin79.com

이 게시물을..


태초에 나는 개그이야기를 만들었다.
내말을 믿고 나를 따르면 천당,
내말을 믿지않고 나를 따르지 않으면 지옥,
나는 하늘나라(우주)에 사느니라.

그럼 난 외계인?