如何去掉给图片添加链接后的蓝色边框

　　如何去掉给图片添加链接后的蓝色边框
解决思路：
一般的办法是给img标签加上border="0"，虽然能解决问题，但如果这样的图片有N个，那就要手工加N次border="0"，效率太低，其实如果注意到CSS的Selector(选择符)中有一类是针对HTML的标签元素，那就方便多了。
具体步骤：
    代码示例：
    
<style>
    img{border:0px}
    </style>
    <a href="http://www.flash8.net"><img src="demo.gif"></a>

技巧：技巧：如果需要定义border为0的不止img对象，可以都写在一起，各对象间用逗号隔开，如

input,img,body,textarea{border:0px}

    象这样的写法叫选择符分组(Grouping)。
 提示：以class方式定义的CSS称为类选择符(Class Selector)，只对设置了class属性的对象应用样式。如：

<style>
.demo{color:green;text-decoration:underline}
.class1{color:red;font:bold 12px Tahoma;}
</style>
<span class="demo">demo DEMO</span>
<div class="class1">demo DEMO</div>
<span class="demo class1">demo DEMO</span>

代码运行效果如图2.2.1所示，请读者自行体会用法。

图2.2.1 类选择符的应用演示
       
       另外，还有一个与类选择符类似的ID选择符 (ID Selector)，它以文档对象模型（DOM）中作为对象的唯一标识符的ID作为选择符，代码示例：

<style>
#demo{border:1px solid #666;background:#eeeeee}
</style>
<input id="demo">
<input id="demo">
<input id="demo">

特别提示
代码运行效果如图2.2.2所示，可以看到，带链接的图片的蓝色边框已经在CSS中去掉了。

图2.2.2 去除带链接的图片边框

特别说明

本例主要是类型选择符(Type Selector)的应用。类型选择符以DHTML语言对象类型作为选择符，选择符中所设置的样式将对所有同类型对象生效，比如本例定义的img类型选择符，就对所有标签为<img>的对象产生作用。