关于超链改下划线和字体颜色,访问后的颜色,图片超链等等
一、字体超链
首先给个例子:
<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} 去掉图片超链接边框 。