如何在CSS中更改链接的颜色

时间:2015-12-09 09:46:31

标签: html css colors hyperlink tags

我的内容中有很多链接

在向用户显示内容时如何找到并更改div标签中所有链接的颜色?

像那样:

pleas visit my own site's : telegram.org , www.google.com , www.wikipedia.com , ... 
and send mail to : mymail@gmail.com

2 个答案:

答案 0 :(得分:2)

如果要设置链接样式,则应使用css执行此操作:

.new_link {
  background-color: black;
  color: white;
}
<div>
  <a class="new_link" href="#link2" id="link1">Go to next link</a>
  <br>
  <a class="new_link" href="#link1" id="link2">Go to link1</a>
  Some other text that will not be styled
</div>

这里我在链接元素(<a>元素)中添加了一个类。

通过添加一个类,他们获得了CSS样式 我选择的造型在哪里:
背景颜色 颜色(文字颜色)

您可以为网页上的所有<a>元素制作创建css规则(如上所述) 另一种可能性是向<div>元素添加一个类,并选择此div中的所有链接。所有这一切都可以用css。

答案 1 :(得分:1)

如果要更改所有页面或应用程序中链接的颜色,请在CSS中执行。

a {
    color: red;/*color name, color code or rbg*/
}

如果您想更改特定的链接颜色...。

a.highlight {
   color: red;
}

如果要更改特定div中所有链接的颜色.....

.content a{
    color:red;
}