Html 如何消除边界？

请帮忙解决这个问题

html:

<img class="logo_pic img-responsive" src="images/logo.png" alt="logo" usemap="#link_index" />

<map name="link_index">
    <area shape="rect" coords="1,1,400,480" href="index.html" alt="" />
</map>  

谷歌chrome最新版本
试试：

<img class="logo_pic img-responsive" src="images/logo.png" alt="logo" usemap="#link_index" style="border:0"/>

编辑

img:active, :focus { outline: none; -moz-outline-style: none; }

JSFiddle:

内联CSS

您看到的蓝色边框实际上是处于“活动”状态的超链接。您可以添加css定义来设置这些边框的样式：

area:focus{
  border: none;
  outline-style: none; 
  -moz-outline-style:none;  
}

简而言之，
把我带回到onfocus=this.blur IE4的日子你在说什么边界？你能做一个指向它的图像吗？我看不到边框请记住，
：focus
样式应该提供一些视觉指示，指示键盘导航的焦点位置，请参见：'.'好的观点！还可以考虑使用<代码>区域：Copys用于删除“<代码>：活动的< /代码>边界仅从图像区域。（我将把这个添加到我的答案中）
<img class="logo_pic img-responsive" src="images/logo.png" alt="logo" style="border:0;" usemap="#link_index" />

<map name="link_index">
    <area shape="rect" coords="1,1,400,480" href="index.html" alt="" />
</map> 

area:focus{
  border: none;
  outline-style: none; 
  -moz-outline-style:none;  
}