怎样用CSS去掉带超级链接图片的蓝色边框

html-css010

怎样用CSS去掉带超级链接图片的蓝色边框,第1张

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

这个其实很简单，在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}