<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)
"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)