在CSS中,怎么让图片的超链接去掉蓝色的边框

html-css013

在CSS中,怎么让图片的超链接去掉蓝色的边框,第1张

这个其实很简单,在css中首先第一要做的就是清除默认样式,其中就有一个代码这样写

img{border:0}或者 img{border:none}

img虽然没有border,但是这种情况可以解决遇到a标签包裹的时候出现的问题。

其实楼主可以制作一个属于自己习惯的默认样式,比如我的写法如下,可以给楼主作为参考

*{ margin:0pxpadding:0px}

img{ border:none}

a{ text-decoration:nonecolor: #333333}

a:hover{ text-decoration:nonecolor: #a43130}

li{ list-style: none}

<HTML>

<head>

<style type="text/css">

img {border-width: 0px 0px 0px 0px} <!--就是这行 代码起作用-->

</style>

</head>

<BODY>

<A HREF="http://www.w3schools.com/images/w3default80.jpg">

<img src="http://www.w3schools.com/images/w3default80.jpg">

</A>

</BODY>

</HTML>

a{ text-decoration:noneoutline:none}

a:active {star:expression(this.onFocus=this.blur())}

楼主啊 上面的两位写的都有点复杂

我这样写兼容火狐 IE

a里面的 “outline:none” 这句很重要,别落下了

以前我也是嫌虚线不好看 就到谷歌搜了很久才搜出来的

不信你可以试下要是可以望采纳