a标签的页面跳转

<a href=" ">  </a>,这是一个a标签,它用来实现页面跳转。

<a href="http://www.baidu.com">百度一下</a>

这个标签的含义为,点击百度一下,就会跳转到http://www.baidu.com这个网站

但是实际写出来我们会发现,显示效果是这样的

显示效果携带了a标签自带的样式,比如字体颜色,和下划线。

如果我们想去除,就可以在层叠样式表里写 text-decoration: none;去改变文本修饰,或者去除修饰。也可以通过color:black;去改变字体颜色。

当我们需要动态效果的时候,也可以使用hover。

例如,如果想要鼠标指针放到字体上时,字体变成了另一种颜色或者尺寸,背景颜色等等。
我们可以写

a:hover{

color:green;

font-family: 楷体;

}

 当鼠标指针放到百度一下这四个字上面,这四个字就会变成绿色,会从默认的宋体变为楷体。

猜你喜欢

转载自blog.csdn.net/dyk11111/article/details/126628734