HTML 이미지 링크 클릭 시 보이는 테두리 없애는 방법

HTML 링크클릭시 보이는 테두리 없애는 방법

 

 

▼ 이미지를 클릭하면 아래 이미지와 같이 이미지에 검은색 테두리, 혹은 점선이 나타납니다.

클릭할 때, 이런 현상을 없애는 방법을 알아보겠습니다.

 

 

[간단하게 시도 할 수 있는 방법]

 

<a href="#" target="_self">

    <img src="이미지주소" style="border:0px;">

</a> 

 

<img src=~>코드 안에 style="border:0px;" 코드를 넣어주면 됩니다.

 

 

[위의 방법이 안될 경우 시도할 수 있는 방법]

 

1. 텍스트 링크

<a href="바로가기.htm" onfocus="this.blur()">바로가기</a>

 

2. 이미지 링크

<a href="그림.htm" onfocus="this.blur()"><img src="그림.png"></a>

 

3. 이미지 맵

<map name="abc">

  <area shape="rect" coords="10, 120, 50, 320" href="#" onfocus="this.blur()">

  <area shape="rect" coords="50, 120, 90, 320" href="#" onfocus="this.blur()">

</map>

 

이 시간에는 간단하지만 해결이 안되면 왠지 깔끔하지 않은 HTML 링크클릭시 보이는 테두리 없애는 방법에 대해서 알아 보았습니다.