Home / Questions / 78339
Accepted
Critical Ghost
Asked: 2020-06-14 12:33:43 +0800 CST 2020-06-14 12:33:43 +0800 CST

如何更改链接的颜色？[复制]

  • 772

布埃纳斯·塔德斯，

我想改变我的颜色<a href=""></a>，但我做不到

CSS 代码：

a:hover{

  color: #fff;
}

但是当鼠标悬停在链接上时它会改变颜色但是我不能让它改变颜色而不悬停

html

3 Answers

  1. Best Answer

    你可以这样做：

    a{
  color: black;
}

a:hover{
  color: red;
}

a:active{
  color: blue;
}
    <a href="index.html">Clic</a>

    我们使用以下语句：

    a{
  color: black;
}

    以黑色表示颜色，以元素的类型<a>。

    我们使用以下语句：

    a:hover{
  color: red;
}

    当鼠标悬停在元素上时，向类型的元素指示颜色Red 。<a>

    更新

    我们使用以下语句：

    a:active{
  color: blue;
}

    当您用鼠标单击它们时，将蓝色指示给 type 的元素。<a>也就是说，点击时。

    更新 2

    如果您想在一行中完成所有操作（尽管不强烈建议您这样做，因为您无法将设计集中在另一个文件中）。

    你可以这样做：

    <a href='index.html' style='color: black'>Clic</a>

    虽然这通常只适用于颜色，但不适用于事件hover或active。

    • 5

  2. 您只需删除:hover表明它是鼠标悬停时必须应用的样式的样式

    body{
  background-color: #000;
}

a{
   color: #fff;
}
    <a href="">Link color</a>

    • 1

  3. 无需鼠标悬停即可更改颜色：

    a {
    color: red;
}
    <p><b><a href="enlace.jsp" target="_blank">texto en linkk</a></b></p>

    关于 CSS 链接的进一步参考： CSS 样式

    • 0