web-dev-qa-db-ja.com

ハイパーリンク画像の境界線を削除するには？

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

問題-IEとMozillaではなく、Chromeではない青い四角形のボックス内に画像が表示されます。IE =また？

htmlhyperlink
21
nectar

または、img要素にインラインで追加します。

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

このCSSを設定して、リンク内のすべての画像の青い境界線を削除できます。

a img {
    border: 0;
}
46
Douwe Maan

「border = 0」ソリューションは機能しますが、プロジェクトに配置するすべてのリンクイメージに追加する必要があるため、実装は非常に簡単ではありません。

より良い解決策は、ページの<head>...</head>タグ。すべての内部ページがマスターページに固有になるように、マスターページに含めることができます。

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

外部CSS

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

内部CSS

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

インラインcss

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

この境界線を削除するには、境界線をnoneに設定する必要があります。

  a img 
        {
        border:none;
        }
1
NR65