Как удалить границу гиперссылки?

<li><a href="#" ><img src="images/hospitality.png" title="" /></a>

Проблемное изображение отображается внутри синего прямоугольника в IE и Mozilla, но не в Chrome. Как я могу удалить этот синий ящик из IE?

Ответ 1

Или добавьте его в строку img:

<li>
    <a href="#">
        <img style="border: 0;" src="images/hospitality.png" title="" />
    </a>
</li>

Ответ 2

Вы можете установить этот CSS для удаления синей рамки на каждое изображение в пределах ссылки:

a img {
    border: 0;
}

Ответ 3

Решение "border = 0" работает, но реализовать его не так просто, поскольку оно требует добавления к каждому изображению каждой ссылки, которое вы добавили в свой проект.

Лучшим решением является включение в тег <head>... </head> следующего тега: теги, которые могут быть на главной странице, чтобы все внутренние страницы были присущи ей с главной страницы

<style type="text/css">
    <!--
    img { border: none; }
    -->
</style>

Ответ 4

внешний css

img {border : 0;}
img a {outline : none;}

внутренний css

<style type="text/css">
  img { border: none; }
</style>

inline css

<img src="logo.png" style="border-style: none"/>

Ответ 5

Для удаления этой границы вы должны установить границу в none.

  a img 
        {
        border:none;
        }