现在的位置: 首页 > 综合 > 正文

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

2018年01月28日 ⁄ 综合 ⁄ 共 712字 ⁄ 字号 评论关闭

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

一、字体超链

 

首先给个例子:

<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} 去掉图片超链接边框

抱歉!评论已关闭.