如何使用CSS设置ALink的颜色?

时间:2013-08-13 03:24:57

标签: html css

我正在尝试使用CSS来设置ALink的颜色,但我显然没有成功。

显然我做错了但是在解决了这个看似微不足道的问题后,我仍然不知道我做错了什么。

这是HTML / CSS ...

<html>
  <head>
    <title>ALink Test</title>
    <style type="text/css">
       a.Home:link{
        text-decoration:none;
        color:rgb (240, 180, 50);
       }
    </style>
  </head>
  <body>
     <a class="Home" href="http://www.subudnewyork.org/">Home</a>
  </body>
</html>

如果有人能向我解释我做错了什么,更重要的是,如何解决这个问题我会非常感激...

2 个答案:

答案 0 :(得分:4)

您只需要从rgb (240, 180, 50)中删除空格rgb(240, 180, 50)

请参阅此demo

答案 1 :(得分:1)

您有两种方法可以通过rgb将颜色添加到元素中。

要么:

color: rgb(240, 180, 50)

或者这也增加了不透明度(但仅适用于支持它的浏览器)

color: rgba(240, 180, 50, 0.6)