超链改下划线和字体颜色篇 图片超链

关于超链改下划线和字体颜色，访问后的颜色，图片超链等等

一、字体超链

 

首先给个例子：

<a href="#">CSDN</a>

在HTML里写好超链后在网页里会显示成蓝色加下划线

CSDN

在CSS中修改:

1.方式一：

在css中对a进行设置:

a{

        text-decoration:none;

}

文字没有下划线，点击之后也不变色。

2.方式二：

a:link{

        color:blue;

        text-decoration:none;

}/*链接未激活的样式*/

 

a:visited{

         color:red;

         text-decoration:none;

}/*访问后的样式*/

 

a:hover{

         color:yellow;

         text-decoration:underline;

}/*鼠标覆盖后的样式*/

 

a:active{

         color:green;

         text-decoration:underline;

}/*鼠标点击时（未放鼠标前）*/

 

链接字体是蓝色，没有下划线，当鼠标移动上去的时候变黄并有下划线，点击时变成绿色，之后颜色变红色并没有下划线了。

 

注意：最容易出错的地方是顺序问题，hover应该放在link和visited之后,active应该放在hover后面。

 

二、图片超链

 

补加图片超链去边框：

其实很简单，只要加个border="0"即可

如：<a href="#"><img src="./......." border=" 0" ></a>

如果插入的图片比较多的话，可以在CSS中添加 img {border:0px} 去掉图片超链接边框 。