如何删除超链接图像的边框?

nec*_*tar 21 html hyperlink

<li><a href="#" ><img src="images/hospitality.png" title="" /></a>
Run Code Online (Sandbox Code Playgroud)

Problem-图像显示得到一个蓝色的矩形框里面的IE和Mozilla,但不是在Chrome.How可我删除IE浏览也是蓝盒子?

Dou*_*aan 46

您可以设置此CSS以删除链接中每个图像上的蓝色边框:

a img {
    border: 0;
}
Run Code Online (Sandbox Code Playgroud)


Ale*_*lex 22

或者将其内联添加到img元素:

<li>
    <a href="#">
        <img style="border: 0;" src="images/hospitality.png" title="" />
    </a>
</li>
Run Code Online (Sandbox Code Playgroud)

  • 你为什么鼓励有人写一个内联风格? (10认同)
  • @Rowan制作HTML电子邮件? (5认同)

M00*_*009 9

"border = 0"解决方案有效,但实现起来并不容易,因为它需要在项目中添加的每个链接图像中添加它.

更好的解决方案是在页面的<head>... </head>标签中包含以下标签,这些标签可以位于母版页中,以便所有内页都将固定在母版页中

<style type="text/css">
    <!--
    img { border: none; }
    -->
</style>
Run Code Online (Sandbox Code Playgroud)


小智 5

外部CSS

img {border : 0;}
img a {outline : none;}
Run Code Online (Sandbox Code Playgroud)

内部CSS

<style type="text/css">
  img { border: none; }
</style>
Run Code Online (Sandbox Code Playgroud)

内联CSS

<img src="logo.png" style="border-style: none"/>
Run Code Online (Sandbox Code Playgroud)