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

html-css029

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

打开DW，选中超链接文字，点击CSS属性面板下的“+”号，打开新建CSS规则面板。

选择"标签"类型，选择“A”标签。

在CSS规则定义分类选择“类型”，在右侧选择“Text-decoration”后的“none”，确定。

这样就去掉了链接文本的下划线，

查看原代码，发现A标签的样式下多了“text-decoration:none”，完成。

实际操作中，可以在单独的样式表中写入：a

{text-decoration:none}。