超链接点击移动至上方以及点击过的css效果设置

下面是关于“超链接点击移动至上方以及点击过的css效果设置”的完整攻略。

点击移动至上方

我们可以通过CSS来实现点击链接后，移动到链接上方的效果。具体实现方法如下：

1. 首先，我们需要给链接的CSS添加一个:hover伪类，用来设置链接在鼠标悬浮时的样式。

a:hover{
  position: relative;
  top: -1px;
}

1. 接下来，我们要通过给链接添加一个position属性和top属性来使链接在鼠标点击时移动到上方。

a:active{
  position: relative;
  top: -1px;
}

这个时候，当我们点击链接时，链接会移动到上方，而悬浮上面的链接则会稍许下移，看起来更加美观。

点击过的CSS效果设置

接下来，我们来介绍如何设置当一个链接被点击后，链接的颜色会发生变化。具体实现方法如下：

1. 首先，我们需要设置一个未被点击的链接的css样式。

a:link{
  color: #000;
  text-decoration: none;
}

1. 接着，我们需要设置一个已被点击了的链接的css样式。

a:visited{
  color: #999;
  text-decoration: none;
}

这个时候，未被点击的链接是黑色的，已经被点击的链接会变为灰色。同时，我们也可以根据需要对链接的text-decoration（下划线）进行设置。

以上就是“超链接点击移动至上方以及点击过的css效果设置”的完整攻略，希望对你有所帮助！