프리카운터넷

프로그래밍&개발

기존 공부방

링크 클릭하면 생기는 점선테두리 없애기

프리카운터	프리카운터
일반적인 경우	onfocus='blur()' 추가 후

오른쪽에 보이는 텍스트와 그림은 각각 링크가 걸려 있습니다. 일반적인 경우 링크를 클릭하면 주변에 점선의 테두리가 생겨서 링크영역 선택이라는 걸 표현해줍니다. 하지만, 점선으로 인해 지저분하게 생각되어질 때도 종종 있죠. 그럴 때는 링크 태그 안에 onfocus='blur()' 만 추가하면 링크를 클릭해도 점선이 생기지 않습니다.

에 들어 있는 링크 태그 안에 onfocus='blur()' 을 추가합니다.

텍스트링크의 경우 - 프리카운터
<a href="freecount.html" onfocus='blur()'>프리카운터</a>

이미지링크의 경우 -
<a href="freecount.html" onfocus='blur()'><img src="freecount.gif"></a>

이미지맵을 사용했을 경우는 아래처럼 하시면 됩니다.
<area shape="rect" coords="86,95,121,131" href="kissofgdo.html" onfocus='blur()'>